/* Premium shipping UI: single canonical layer for the preview shipping page. */
:root {
  --premium-sidebar-width: 216px;
  --premium-sidebar-inner: 184px;
  --shipping-control-height: 40px;
  --shipping-replenishment-modal-radius: 20px;
  --shipping-replenishment-group-radius: 12px;
  --shipping-replenishment-control-radius: 10px;
  --shipping-replenishment-control-height: 38px;
  --shipping-replenishment-confirm-radius: 20px;
  --premium-ink: #111418;
  --premium-muted: rgba(23, 33, 49, 0.56);
  --premium-line: rgba(255, 255, 255, 0.76);
  --premium-glass: rgba(255, 255, 255, 0.58);
  --premium-blue: #174f96;
  --premium-danger: #e21717;
}

/* desktop-only catalog material detail table */
@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-cell {
    padding-inline: 6px;
    text-align: center;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-button {
    box-sizing: border-box;
    display: inline-flex;
    height: 32px;
    width: 100%;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 8px;
    border: 0;
    border-radius: 10px;
    background: rgba(22, 119, 255, 0.07);
    box-shadow: none !important;
    color: #245ea8;
    filter: none !important;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    text-align: center;
    text-shadow: none !important;
    transform: none !important;
    vertical-align: middle;
    white-space: nowrap;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-button:hover:not(:disabled) {
    background: rgba(22, 119, 255, 0.12);
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
    transform: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-button:focus-visible {
    outline: 2px solid rgba(37, 99, 235, 0.55);
    outline-offset: 2px;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
    transform: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-button:active {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
    transform: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-button:disabled {
    background: rgba(100, 116, 139, 0.06);
    box-shadow: none !important;
    color: #94a3b8;
    filter: none !important;
    text-shadow: none !important;
    transform: none !important;
    cursor: default;
  }
}

#catalogProductionPreviewModal .catalog-production-preview-dialog {
  width: min(1040px, calc(100vw - 40px));
  max-width: none;
  max-height: min(82vh, 760px);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  background: rgba(248, 250, 252, 0.82);
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.24);
  backdrop-filter: blur(26px) saturate(150%);
  -webkit-backdrop-filter: blur(26px) saturate(150%);
}

#catalogProductionPreviewModal .catalog-production-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.54);
}

#catalogProductionPreviewModal .catalog-production-preview-header h3 {
  margin: 0;
  color: #172033;
  font-size: 20px;
  line-height: 1.25;
}

#catalogProductionPreviewModal .catalog-production-preview-header p {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 12px;
}

#catalogProductionPreviewModal .catalog-production-preview-close {
  box-sizing: border-box;
  display: inline-flex;
  width: 64px;
  min-width: 64px;
  height: 34px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none !important;
  color: #334155;
  filter: none !important;
  font: inherit;
  line-height: 1;
  text-align: center;
  text-shadow: none !important;
  transform: none !important;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

#catalogProductionPreviewModal .catalog-production-preview-close:is(:hover, :focus-visible, :active) {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: none !important;
}

#catalogProductionPreviewModal .catalog-production-preview-close:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.55);
  outline-offset: 2px;
}

#catalogProductionPreviewModal .catalog-production-preview-body {
  max-height: calc(min(82vh, 760px) - 76px);
  padding: 18px 20px 22px;
  overflow: auto;
}

#catalogProductionPreviewModal .catalog-production-preview-table-wrap {
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.58);
}

#catalogProductionPreviewModal .catalog-production-preview-table {
  width: 100%;
  min-width: 720px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  color: #263246;
  font-size: 13px;
}

#catalogProductionPreviewModal .catalog-production-preview-table :is(th, td) {
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#catalogProductionPreviewModal .catalog-production-preview-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(241, 245, 249, 0.94);
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

#catalogProductionPreviewModal .catalog-production-preview-table tbody tr:hover td {
  background: rgba(219, 234, 254, 0.28);
}

#catalogProductionPreviewModal .catalog-production-preview-table tfoot :is(th, td) {
  border-bottom: 0;
  background: rgba(226, 232, 240, 0.52);
  color: #172033;
  font-weight: 750;
}

#catalogProductionPreviewModal .catalog-production-preview-table tfoot th {
  text-align: right;
}

#catalogProductionPreviewModal .catalog-production-preview-col--image {
  width: 74px;
}

#catalogProductionPreviewModal .catalog-production-preview-col--code {
  width: 150px;
}

#catalogProductionPreviewModal .catalog-production-preview-col--name {
  width: 30%;
}

#catalogProductionPreviewModal .catalog-production-preview-col--spec {
  width: 18%;
}

#catalogProductionPreviewModal .catalog-production-preview-col--quantity,
#catalogProductionPreviewModal .catalog-production-preview-col--stock {
  width: 110px;
}

#catalogProductionPreviewModal .catalog-production-preview-thumb,
#catalogProductionPreviewModal .catalog-production-preview-thumb-empty {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: rgba(226, 232, 240, 0.72);
  color: #94a3b8;
  font-size: 11px;
}

#catalogProductionPreviewModal .catalog-production-preview-thumb {
  padding: 0;
  cursor: zoom-in;
}

#catalogProductionPreviewModal .catalog-production-preview-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#catalogProductionPreviewModal .catalog-production-preview-code-copy {
  box-sizing: border-box;
  display: inline-flex;
  min-height: 24px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 5px;
  overflow: hidden;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none !important;
  color: #2563a7;
  filter: none !important;
  font: inherit;
  line-height: 1;
  text-align: center;
  text-shadow: none !important;
  text-overflow: ellipsis;
  transform: none !important;
  vertical-align: middle;
  white-space: nowrap;
  appearance: none;
  -webkit-appearance: none;
  cursor: copy;
}

#catalogProductionPreviewModal .catalog-production-preview-code-copy:is(:hover, :focus-visible, :active) {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: none !important;
}

#catalogProductionPreviewModal .catalog-production-preview-code-copy:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.55);
  outline-offset: 1px;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-catalog-compact-table-layout
  .catalog-compact-material-detail-button
  .catalog-centered-button-label,
#catalogProductionPreviewModal
  :is(.catalog-production-preview-code-copy, .catalog-production-preview-close)
  .catalog-centered-button-label {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#catalogProductionPreviewModal .catalog-production-preview-empty {
  min-height: 180px;
  margin: 0;
  padding: 18px;
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.58);
  color: #475569;
  font: 13px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: pre-wrap;
}

@media (max-width: 768px) {
  #catalogProductionPreviewModal .catalog-production-preview-dialog {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 28px);
    border-radius: 20px;
  }

  #catalogProductionPreviewModal .catalog-production-preview-header {
    padding: 16px;
  }

  #catalogProductionPreviewModal .catalog-production-preview-body {
    max-height: calc(100vh - 104px);
    padding: 12px;
  }
}

html body:not(.is-dashboard-login-page),
html body:not(.is-dashboard-login-page) .dashboard-layout {
  min-height: 100vh !important;
  background:
    radial-gradient(ellipse 54vw 38vh at 72vw 4vh, rgba(164, 225, 229, 0.64), transparent 72%),
    radial-gradient(ellipse 42vw 50vh at 8vw 10vh, rgba(223, 226, 249, 0.78), transparent 74%),
    linear-gradient(115deg, #f4f7ff 0%, #eef8fb 47%, #fff6f5 100%) !important;
  background-attachment: fixed !important;
}

html body:not(.is-dashboard-login-page) .dashboard-layout {
  display: grid !important;
  grid-template-columns: var(--premium-sidebar-width) minmax(0, 1fr) !important;
}

html body:not(.is-dashboard-login-page) .sidebar {
  position: sticky !important;
  top: 0 !important;
  width: var(--premium-sidebar-width) !important;
  min-width: var(--premium-sidebar-width) !important;
  max-width: var(--premium-sidebar-width) !important;
  height: 100vh !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(17, 20, 24, 0.06) !important;
  background: linear-gradient(180deg, rgba(246, 248, 255, 0.78), rgba(235, 247, 251, 0.66)) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
}

html body:not(.is-dashboard-login-page) .sidebar-header {
  position: absolute !important;
  top: 28px !important;
  left: 30px !important;
  right: 18px !important;
  z-index: 3 !important;
  display: grid !important;
  gap: 7px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) .sidebar-header::before,
html body:not(.is-dashboard-login-page) .sidebar-header::after {
  display: none !important;
  content: none !important;
}

html body:not(.is-dashboard-login-page) .sidebar-header h1 {
  display: block !important;
  margin: 0 !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .sidebar-header .sidebar-eyebrow {
  display: block !important;
  margin: 0 !important;
  color: rgba(31, 41, 51, 0.64) !important;
  -webkit-text-fill-color: rgba(31, 41, 51, 0.64) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .sidebar-header .sidebar-note {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shopNav {
  height: 100vh !important;
  padding: 118px 14px 176px !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item {
  width: 100% !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item:hover,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item:focus,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item:active {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  height: 46px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #4c545e !important;
  -webkit-text-fill-color: #4c545e !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  transform: none !important;
  opacity: 1 !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.is-active,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section.is-active > .sidebar-top-item,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item[aria-current="page"] {
  background: #0f1114 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.22) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item *,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.is-active *,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section.is-active > .sidebar-top-item * {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.is-active .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.is-active .sidebar-menu-icon svg,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.is-active .sidebar-menu-icon svg *,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section.is-active > .sidebar-top-item .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section.is-active > .sidebar-top-item .sidebar-menu-icon svg,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section.is-active > .sidebar-top-item .sidebar-menu-icon svg * {
  color: #fff !important;
  stroke: #fff !important;
  fill: none !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-icon {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-label {
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item .sidebar-menu-label,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item:hover .sidebar-menu-label,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item:focus .sidebar-menu-label,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.is-active .sidebar-menu-label,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section.is-active > .sidebar-top-item .sidebar-menu-label {
  visibility: visible !important;
  opacity: 1 !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.sidebar-top-item-accordion,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.sidebar-top-item-accordion:hover,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.sidebar-top-item-accordion:focus,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-top-item.sidebar-top-item-accordion:active {
  grid-template-columns: 28px minmax(0, 1fr) 16px !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group > .sidebar-top-item-accordion {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-right: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group > .sidebar-top-item-accordion .sidebar-menu-label {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
  justify-self: start !important;
  text-align: left !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group > .sidebar-top-item-accordion .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group > .sidebar-top-item-accordion .sidebar-accordion-chevron {
  position: relative !important;
  z-index: 1 !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group .sidebar-accordion-chevron {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-accordion-chevron {
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  transition: transform 0.22s ease !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-accordion-chevron svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open .sidebar-accordion-chevron {
  transform: rotate(180deg) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion {
  border-color: transparent !important;
  border-radius: 999px !important;
  background: #0f1114 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.22) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  display: none !important;
  width: 0 !important;
  height: 60% !important;
  border-radius: 999px !important;
  background: transparent !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-label {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-submenu-rice-plate {
  display: grid !important;
  gap: 4px !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 42px !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: translateY(-8px) scaleY(0.96) !important;
  transform-origin: top center !important;
  will-change: max-height, opacity, transform, padding, margin !important;
  transition:
    max-height 0.32s linear,
    opacity 0.22s ease,
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.32s linear,
    margin 0.32s linear !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-submenu-rice-plate {
  max-height: 240px !important;
  margin: -2px 0 2px !important;
  padding: 4px 0 0 42px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scaleY(1) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-closing > .sidebar-top-item-accordion {
  transition:
    background 0.24s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.24s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.24s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.24s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-closing > .sidebar-submenu-rice-plate {
  transition:
    max-height 0.32s linear,
    opacity 0.24s ease,
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.32s linear,
    margin 0.32s linear !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-closing > .sidebar-submenu-rice-plate .sidebar-submenu-link {
  transition:
    background 0.16s ease,
    color 0.16s ease,
    opacity 0.24s ease,
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-submenu-rice-plate[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-submenu-link {
  width: 100% !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #4c545e !important;
  -webkit-text-fill-color: #4c545e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background 0.16s ease, color 0.16s ease !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-submenu-rice-plate .sidebar-submenu-link {
  opacity: 0 !important;
  transform: translateY(-8px) !important;
  transition:
    background 0.16s ease,
    color 0.16s ease,
    opacity 0.22s ease,
    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-submenu-rice-plate .sidebar-submenu-link {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-submenu-rice-plate .sidebar-submenu-link:nth-child(1) {
  transition-delay: 0.02s !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-submenu-rice-plate .sidebar-submenu-link:nth-child(2) {
  transition-delay: 0.04s !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-submenu-rice-plate .sidebar-submenu-link:nth-child(3) {
  transition-delay: 0.06s !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-submenu-rice-plate .sidebar-submenu-link:nth-child(4) {
  transition-delay: 0.08s !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-submenu-link:hover,
html body:not(.is-dashboard-login-page) #shopNav .sidebar-submenu-link:focus-visible {
  background: rgba(255, 255, 255, 0.68) !important;
  color: #101418 !important;
  -webkit-text-fill-color: #101418 !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) #shopNav .sidebar-submenu-link.is-active {
  background: #0f1114 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) .content,
html body:not(.is-dashboard-login-page) .content-main {
  min-width: 0 !important;
  background: transparent !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel {
  min-height: 100vh !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-top,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-main {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-main {
  display: block !important;
  padding: 34px 28px 72px 28px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row {
  display: grid !important;
  grid-template-columns: minmax(1082px, 1082px) minmax(430px, 1fr) !important;
  grid-template-rows: var(--shipping-control-height) !important;
  grid-template-areas: none !important;
  gap: 18px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: var(--shipping-control-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-plate-shipping-toolbar::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-plate-shipping-toolbar::after {
  display: none !important;
  content: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-controls {
  display: grid !important;
  grid-template-columns: 300px 320px 132px 158px 132px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  grid-template-areas: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: var(--shipping-control-height) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 52px 52px 58px 74px 58px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  grid-template-areas: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: var(--shipping-control-height) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-view-switcher {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 74px !important;
  min-width: 74px !important;
  height: var(--shipping-control-height) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-view-switch-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.64) !important;
  color: #1f2933 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 24px rgba(18, 35, 48, 0.07) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  cursor: pointer !important;
  transition: background-color 0.14s ease, color 0.14s ease, border-color 0.14s ease !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-view-switch-button svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-view-switch-button.is-active {
  border-color: #0b0f14 !important;
  background: #0b0f14 !important;
  color: #ffffff !important;
  box-shadow: 0 16px 28px rgba(12, 17, 24, 0.18) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelector,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select {
  position: relative !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--shipping-control-height) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter.is-open {
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-shop-selector-inline-label,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-date-filter-icon {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select-button,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-trigger,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchInput,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton {
  height: var(--shipping-control-height) !important;
  min-height: var(--shipping-control-height) !important;
  max-height: var(--shipping-control-height) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  background: rgba(255, 255, 255, 0.58) !important;
  background-color: rgba(255, 255, 255, 0.58) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 24px rgba(18, 35, 48, 0.07) !important;
  color: #1b2738 !important;
  -webkit-text-fill-color: #1b2738 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  transform: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchInput:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchInput:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchInput:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:active {
  height: var(--shipping-control-height) !important;
  min-height: var(--shipping-control-height) !important;
  max-height: var(--shipping-control-height) !important;
  border-width: 1px !important;
  border-radius: 999px !important;
  border-color: rgba(255, 255, 255, 0.86) !important;
  background: rgba(255, 255, 255, 0.64) !important;
  background-color: rgba(255, 255, 255, 0.64) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 24px rgba(18, 35, 48, 0.07) !important;
  transform: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelector #shippingShopSelectorButton.shipping-shop-selector-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelector #shippingShopSelectorButton.shipping-shop-selector-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelector #shippingShopSelectorButton.shipping-shop-selector-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelector #shippingShopSelectorButton.shipping-shop-selector-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelector #shippingShopSelectorButton.shipping-shop-selector-button:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter #shippingDateFilterButton.shipping-date-filter-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter #shippingDateFilterButton.shipping-date-filter-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter #shippingDateFilterButton.shipping-date-filter-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter #shippingDateFilterButton.shipping-date-filter-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilter #shippingDateFilterButton.shipping-date-filter-button:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select .shipping-toolbar-select-button,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select .shipping-toolbar-select-button,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-trigger {
  height: var(--shipping-control-height) !important;
  min-height: var(--shipping-control-height) !important;
  max-height: var(--shipping-control-height) !important;
  padding: 0 !important;
  border-width: 1px !important;
  border-radius: 999px !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchInput {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 20px !important;
  color: rgba(27, 39, 56, 0.7) !important;
  -webkit-text-fill-color: rgba(27, 39, 56, 0.7) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchInput::placeholder {
  color: rgba(27, 39, 56, 0.38) !important;
  -webkit-text-fill-color: rgba(27, 39, 56, 0.38) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #111418 !important;
  background-color: #111418 !important;
  border-color: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 13px 24px rgba(17, 20, 24, 0.22) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchButton:active {
  background: #111418 !important;
  background-color: #111418 !important;
  border-color: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 13px 24px rgba(17, 20, 24, 0.22) !important;
  transform: none !important;
}

html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchButton.ghost-button,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchButton.ghost-button:hover,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchButton.ghost-button:focus,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchButton.ghost-button:focus-visible,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchButton.ghost-button:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls button#groupSearchButton.ghost-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls button#groupSearchButton.ghost-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls button#groupSearchButton.ghost-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls button#groupSearchButton.ghost-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls button#groupSearchButton.ghost-button:active {
  height: var(--shipping-control-height) !important;
  min-height: var(--shipping-control-height) !important;
  max-height: var(--shipping-control-height) !important;
  border-width: 1px !important;
  border-color: #111418 !important;
  background: #111418 !important;
  background-color: #111418 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 13px 24px rgba(17, 20, 24, 0.22) !important;
  transform: none !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  color: #26313d !important;
  -webkit-text-fill-color: #26313d !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton:active {
  border-color: rgba(255, 255, 255, 0.9) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSearchResetButton::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingOrdersExportButton::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingInventoryImportButton::after {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  align-items: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-trigger {
  display: grid !important;
  grid-template-columns: 106px minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton .shipping-shop-filter-type,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-type {
  grid-column: 1 !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-right: 1px solid rgba(17, 20, 24, 0.08) !important;
  color: #1b2738 !important;
  -webkit-text-fill-color: #1b2738 !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 2 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton .shipping-shop-selector-copy,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range {
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(27, 39, 56, 0.82) !important;
  -webkit-text-fill-color: rgba(27, 39, 56, 0.82) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton.is-summary-value .shipping-shop-selector-copy {
  position: absolute !important;
  inset: 0 0 0 104px !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  width: auto !important;
  height: 40px !important;
  margin: 0 !important;
  justify-self: stretch !important;
  align-self: center !important;
  transform: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton.is-summary-value .shipping-shop-selector-copy strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 40px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorButton:not(.is-summary-value) .shipping-shop-selector-copy {
  grid-column: 2 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range {
  display: grid !important;
  grid-template-columns: minmax(76px, 1fr) 16px minmax(76px, 1fr) !important;
  gap: 6px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range.is-all-preset {
  grid-template-columns: max-content 12px max-content !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 8px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  grid-template-rows: 100% !important;
  align-content: stretch !important;
  align-items: center !important;
  justify-items: stretch !important;
  position: relative !important;
  padding: 0 !important;
  row-gap: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-type {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-right: 1px solid rgba(17, 20, 24, 0.08) !important;
  color: #1b2738 !important;
  -webkit-text-fill-color: #1b2738 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 20px 0 8px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #1b2738 !important;
  -webkit-text-fill-color: #1b2738 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  text-align: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select-button .shipping-date-filter-type-caret {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: auto !important;
  transform: translateY(-50%) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-select.is-open .shipping-toolbar-select-button .shipping-date-filter-type-caret {
  transform: translateY(-50%) rotate(180deg) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-menu {
  position: absolute !important;
  z-index: 2147483001 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 156px !important;
  padding: 12px 10px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(118, 119, 122, 0.24) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  background-image: none !important;
  box-shadow: 0 24px 60px rgba(25, 28, 29, 0.15) !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-option {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #303946 !important;
  -webkit-text-fill-color: #303946 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-option:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-option:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-option.is-active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-option.is-active {
  font-weight: 950 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu {
  width: 560px !important;
  max-width: min(92vw, 590px) !important;
  padding: 12px 16px 16px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(118, 119, 122, 0.24) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-panel {
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-code-merge-control {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-code-merge-label {
  margin: 0 !important;
  color: #747b84 !important;
  -webkit-text-fill-color: #747b84 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-code-merge-switch {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 44px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #c7c7cc !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  cursor: pointer !important;
  transition: background-color 180ms ease !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-code-merge-switch > span {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24) !important;
  transform: translateX(0) !important;
  transition: transform 180ms ease !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-code-merge-switch.is-active {
  background: #34c759 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-code-merge-switch.is-active > span {
  transform: translateX(20px) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-code-merge-switch:focus-visible {
  outline: 3px solid rgba(52, 199, 89, 0.3) !important;
  outline-offset: 2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-title {
  display: flex !important;
  align-items: center !important;
  min-height: 36px !important;
  color: #4d4f54 !important;
  -webkit-text-fill-color: #4d4f54 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-help,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-summary {
  margin: 0 !important;
  color: #747b84 !important;
  -webkit-text-fill-color: #747b84 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-help {
  margin-top: -3px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-summary {
  min-height: 15px !important;
  margin: 4px 0 8px !important;
  color: #4f5965 !important;
  -webkit-text-fill-color: #4f5965 !important;
  font-weight: 650 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-rules {
  display: grid !important;
  gap: 10px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-rule {
  display: grid !important;
  grid-template-columns: 92px minmax(135px, 190px) 175px 26px !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 40px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-priority {
  display: grid !important;
  grid-template-columns: 14px minmax(0, 1fr) 14px !important;
  gap: 5px !important;
  align-items: center !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-priority-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  line-height: 1.1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-priority-label {
  color: #4f5965 !important;
  -webkit-text-fill-color: #4f5965 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-priority-copy small {
  margin-top: 2px !important;
  color: #8a9098 !important;
  -webkit-text-fill-color: #8a9098 !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-move-controls {
  display: inline-grid !important;
  gap: 1px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-move-controls button {
  width: 14px !important;
  height: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #737b85 !important;
  -webkit-text-fill-color: #737b85 !important;
  font-size: 7px !important;
  line-height: 14px !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-move-controls button:disabled {
  opacity: 0.25 !important;
  cursor: default !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-handle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 24px !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  background-image: radial-gradient(circle, #7f858d 1.4px, transparent 1.6px) !important;
  background-size: 6px 6px !important;
  background-position: 0 0 !important;
  cursor: grab !important;
  padding: 0 !important;
  border: 0 !important;
  appearance: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-rule.is-dragging {
  opacity: 0.55 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-rule.is-drag-target {
  box-shadow: inset 0 0 0 1px rgba(76, 92, 110, 0.42) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-field {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-select {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 34px 0 44px !important;
  border: 1px solid rgba(118, 119, 122, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #31353b !important;
  -webkit-text-fill-color: #31353b !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-field::after {
  content: "" !important;
  position: absolute !important;
  right: 17px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.5px solid #6e747c !important;
  border-bottom: 1.5px solid #6e747c !important;
  transform: translateY(-65%) rotate(45deg) !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-field-icon {
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  width: 13px !important;
  height: 15px !important;
  border: 2px solid #68717c !important;
  border-radius: 2px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-field-icon::after {
  content: "" !important;
  position: absolute !important;
  right: -6px !important;
  bottom: -5px !important;
  width: 7px !important;
  height: 7px !important;
  border: 2px solid #68717c !important;
  border-radius: 999px !important;
  background: #fff !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-direction {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  height: 40px !important;
  padding: 3px !important;
  border: 1px solid #d5d8de !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-direction-button {
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #3e4248 !important;
  -webkit-text-fill-color: #3e4248 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-direction-button.is-active {
  background: rgba(118, 119, 122, 0.18) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #1e2227 !important;
  -webkit-text-fill-color: #1e2227 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border: 2px solid #70757d !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #70757d !important;
  -webkit-text-fill-color: #70757d !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-select:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-select:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-direction-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-direction-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-remove:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-remove:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-add:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-add:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-empty {
  margin: 0 !important;
  padding: 5px 0 8px 24px !important;
  color: #66717d !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-add {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 32px !important;
  margin: 15px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #30343a !important;
  -webkit-text-fill-color: #30343a !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-add span {
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-option:disabled,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-option[disabled],
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-add:disabled,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-add[disabled] {
  opacity: 0.42 !important;
  cursor: default !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range.is-all,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-placeholder,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-separator {
  color: rgba(27, 39, 56, 0.34) !important;
  -webkit-text-fill-color: rgba(27, 39, 56, 0.34) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics {
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  width: 100% !important;
  margin: 18px 0 26px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card:focus {
  width: auto !important;
  min-width: 96px !important;
  height: 34px !important;
  padding: 0 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.54) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 22px rgba(18, 35, 48, 0.07) !important;
  color: #4c5864 !important;
  -webkit-text-fill-color: #4c5864 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  transform: none !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .rice-shipping-metric-icon {
  display: none !important;
  content: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card .metric-value {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font: inherit !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card.is-active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card[aria-pressed="true"] {
  border-color: #111418 !important;
  background: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.2) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card[data-filter-key="overdueShipment"]:not(.is-active):not([aria-pressed="true"]) {
  color: var(--premium-danger) !important;
  -webkit-text-fill-color: var(--premium-danger) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-status-sort-controls {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-controls,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics {
  border-bottom: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-controls::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-controls::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics::after {
  display: none !important;
  content: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-table-wrap,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupSummaryTable,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #groupEmptyState {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumShell {
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(360px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-card,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .shipping-system-album-card {
  display: grid !important;
  grid-template-columns: 166px minmax(0, 1fr) !important;
  gap: 16px !important;
  height: 196px !important;
  min-height: 196px !important;
  padding: 18px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(247, 251, 255, 0.38)) !important;
  box-shadow: 0 18px 42px rgba(18, 35, 48, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-card-top,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-card-media,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .thumb-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-thumb,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-thumb-trigger,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .product-thumb {
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
  border: 0 !important;
  border-radius: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: rgba(17, 20, 24, 0.92) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-thumb img,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .product-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 20px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-card-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 38px 22px 34px 38px 22px !important;
  grid-template-areas:
    "title price"
    "code code"
    "spec spec"
    "metrics metrics"
    "progress detail" !important;
  gap: 3px 12px !important;
  height: 160px !important;
  min-height: 160px !important;
  overflow: hidden !important;
  align-content: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .shipping-system-album-title-static {
  grid-area: title !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 38px !important;
  color: #172131 !important;
  -webkit-text-fill-color: #172131 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-price-tag {
  grid-area: price !important;
  position: static !important;
  align-self: start !important;
  justify-self: start !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: max-content !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-code-wrap {
  grid-area: code !important;
  height: 22px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-code-row {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  height: 22px !important;
  min-width: 0 !important;
  color: rgba(23, 33, 49, 0.56) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.56) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 22px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code:focus {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font: inherit !important;
  line-height: inherit !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-product-metal {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 64px !important;
  height: 18px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.66) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  color: var(--premium-blue) !important;
  -webkit-text-fill-color: var(--premium-blue) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-spec {
  grid-area: spec !important;
  min-height: 32px !important;
  max-height: 32px !important;
  color: rgba(23, 33, 49, 0.68) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.68) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-metrics {
  grid-area: metrics !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: repeat(2, 18px) !important;
  column-gap: 18px !important;
  row-gap: 0 !important;
  align-items: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-metric {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  color: rgba(23, 33, 49, 0.62) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.62) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-metric strong,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .warehouse-available-input {
  color: #00856d !important;
  -webkit-text-fill-color: #00856d !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-field,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-progress-field,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-note-field {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  color: rgba(23, 33, 49, 0.62) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.62) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-progress-field {
  grid-area: progress !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-note-field {
  grid-area: detail !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-inline-edit {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-actions,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-status-strip,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .shipping-status-strip,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-delivery-tag,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-risk-tag,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .shipping-status-tag {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-shop-selector-menu {
  position: absolute !important;
  z-index: 3000 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  padding: 14px 12px 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(244, 250, 255, 0.58)) !important;
  box-shadow: 0 24px 52px rgba(17, 20, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  backdrop-filter: blur(26px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.16) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-shop-selector-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row.is-active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row.is-multi-selected,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row[aria-pressed="true"] {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row * {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row > .shipping-shop-multi-check {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row > .shipping-shop-select-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row > .shipping-shop-select-count {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-count {
  opacity: 0.76 !important;
  color: #5f6670 !important;
  -webkit-text-fill-color: #5f6670 !important;
  font-weight: 850 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-multi-check {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 5px !important;
  border: 1px solid rgba(17, 20, 24, 0.34) !important;
  background: transparent !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-multi-check.is-checked {
  border-color: #111418 !important;
  background: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-footer {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 12px -12px 0 !important;
  border-top: 1px solid rgba(17, 20, 24, 0.14) !important;
  background: transparent !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-footer-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-footer-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-footer-button:focus {
  height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-footer-button:first-child {
  border-right: 1px solid rgba(17, 20, 24, 0.11) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel.shipping-date-filter-panel {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: grid !important;
  place-items: start center !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: clamp(24px, 5vh, 72px) 20px 16px !important;
  background: rgba(0, 0, 0, 0.05) !important;
  backdrop-filter: blur(2px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(2px) saturate(1.04) !important;
  overflow: auto !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel.shipping-date-filter-panel[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-panel-inner {
  position: relative !important;
  z-index: 2147483001 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  grid-auto-flow: row !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  row-gap: 0 !important;
  width: 820px !important;
  max-width: min(820px, calc(100vw - 40px)) !important;
  padding: clamp(28px, 3.2vh, 40px) !important;
  border-radius: 40px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  box-shadow: 0 25px 50px -12px rgba(17, 20, 24, 0.25) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-modal-head {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 32px !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 0 clamp(16px, 1.9vh, 24px) !important;
  padding: 0 8px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-modal-head h2 {
  margin: 0 !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-close-button {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(17, 20, 24, 0.48) !important;
  -webkit-text-fill-color: rgba(17, 20, 24, 0.48) !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterShortcuts {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  margin: 0 0 clamp(18px, 2.2vh, 28px) !important;
  padding: 0 8px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterShortcuts .shipping-date-shortcut {
  width: auto !important;
  min-width: 74px !important;
  height: 36px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(17, 20, 24, 0.1) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 6px 14px rgba(17, 20, 24, 0.06) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterShortcuts .shipping-date-shortcut:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterShortcuts .shipping-date-shortcut:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterShortcuts .shipping-date-shortcut.is-active {
  background: rgba(17, 20, 24, 0.08) !important;
  border-color: rgba(17, 20, 24, 0.16) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 6px 14px rgba(17, 20, 24, 0.05) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-main {
  position: relative !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 0 !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-main-head {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-nav {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 30px !important;
  display: block !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-nav-button {
  position: absolute !important;
  top: -2px !important;
  width: 30px !important;
  height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(17, 20, 24, 0.56) !important;
  -webkit-text-fill-color: rgba(17, 20, 24, 0.56) !important;
  font-size: 25px !important;
  pointer-events: auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel #shippingDateFilterPrevButton {
  left: calc((100% - 48px) / 2 - 58px) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel #shippingDateFilterNextButton {
  right: 8px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-nav-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-nav-button:focus {
  background: rgba(255, 255, 255, 0.5) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: center !important;
  gap: 48px !important;
  align-items: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-month {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(8px, 1.1vh, 14px) !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-month-title {
  margin: 0 !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  width: 100% !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-weekdays,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-grid {
  display: grid !important;
  grid-template-columns: repeat(7, 40px) !important;
  justify-content: center !important;
  gap: 2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-weekdays span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day {
  width: 40px !important;
  height: 40px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(17, 20, 24, 0.72) !important;
  -webkit-text-fill-color: rgba(17, 20, 24, 0.72) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-weekdays span {
  cursor: default !important;
  color: rgba(118, 119, 122, 0.86) !important;
  -webkit-text-fill-color: rgba(118, 119, 122, 0.86) !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day.is-muted {
  color: rgba(118, 119, 122, 0.3) !important;
  -webkit-text-fill-color: rgba(118, 119, 122, 0.3) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day.is-today {
  outline: 1px solid rgba(17, 20, 24, 0.22) !important;
  outline-offset: -1px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day:hover:not(.is-range-start):not(.is-range-end):not(.is-range-single),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day:focus-visible:not(.is-range-start):not(.is-range-end):not(.is-range-single) {
  background: rgba(255, 255, 255, 0.5) !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day.is-in-range {
  border-radius: 0 !important;
  background: rgba(17, 20, 24, 0.1) !important;
  color: #191c1d !important;
  -webkit-text-fill-color: #191c1d !important;
  font-weight: 500 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day.is-range-start,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day.is-range-end {
  background:
    radial-gradient(circle at center, #111418 0 19px, transparent 20px),
    linear-gradient(to right, transparent 0 50%, rgba(17, 20, 24, 0.1) 50% 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day.is-range-end {
  background:
    radial-gradient(circle at center, #111418 0 19px, transparent 20px),
    linear-gradient(to right, rgba(17, 20, 24, 0.1) 0 50%, transparent 50% 100%) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths .shipping-date-day.is-range-single {
  background: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-footer {
  position: relative !important;
  z-index: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
  grid-template-areas:
    "start arrow end"
    "summary summary actions" !important;
  gap: clamp(14px, 2vh, 16px) 28px !important;
  align-items: center !important;
  margin-top: clamp(18px, 2.2vh, 28px) !important;
  padding-top: clamp(18px, 2.2vh, 28px) !important;
  border-top: 0 !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-input-group {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-input-group:first-of-type {
  grid-area: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-input-group:nth-of-type(2) {
  grid-area: end !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-footer::before {
  content: "→" !important;
  grid-area: arrow !important;
  align-self: center !important;
  justify-self: center !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin-top: 20px !important;
  border: 0 !important;
  transform: none !important;
  color: rgba(118, 119, 122, 0.72) !important;
  -webkit-text-fill-color: rgba(118, 119, 122, 0.72) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-label {
  color: rgba(17, 20, 24, 0.48) !important;
  -webkit-text-fill-color: rgba(17, 20, 24, 0.48) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-datetime-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 36px !important;
  gap: 0 !important;
  height: 57px !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-date-summary {
  display: block !important;
  min-width: 0 !important;
  height: 18px !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  align-self: end !important;
  justify-self: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-date-title {
  display: block !important;
  text-align: center !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-date-value {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-button {
  width: 100% !important;
  height: 36px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-button:focus {
  display: grid !important;
  place-items: center !important;
  grid-column: 1 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 700 !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-button:disabled {
  color: rgba(17, 20, 24, 0.34) !important;
  -webkit-text-fill-color: rgba(17, 20, 24, 0.34) !important;
  cursor: not-allowed !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker::after {
  content: none !important;
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-icon {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-menu {
  position: absolute !important;
  z-index: 2147483004 !important;
  top: auto !important;
  bottom: calc(100% + 30px) !important;
  left: 0 !important;
  width: 196px !important;
  max-height: 210px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 22px 44px rgba(17, 20, 24, 0.14) !important;
  backdrop-filter: blur(22px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  overflow: auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-picker-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-column header {
  height: 20px !important;
  color: rgba(17, 20, 24, 0.56) !important;
  -webkit-text-fill-color: rgba(17, 20, 24, 0.56) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-column-list {
  max-height: 160px !important;
  overflow: auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-option,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-option:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-option:focus {
  width: 100% !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #172131 !important;
  -webkit-text-fill-color: #172131 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-time-option.is-active {
  background: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterSelectionSummary {
  grid-area: summary !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterSelectionSummary span {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterSelectionSummary strong {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: 96px 112px !important;
  justify-content: end !important;
  gap: 16px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-action,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-action:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-action:focus {
  height: 48px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-action-primary,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-action-primary:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-action-primary:focus {
  background: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock {
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner {
  display: grid !important;
  grid-template-rows: 42px 50px !important;
  gap: 10px !important;
  width: 100% !important;
  pointer-events: auto !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:hover,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:focus {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-icon,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-icon svg,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-icon svg * {
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  color: #111418 !important;
  stroke: #111418 !important;
  fill: none !important;
  opacity: 1 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-label {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account:hover,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account:focus {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 50px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 12px 26px rgba(18, 35, 48, 0.08) !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account-avatar {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 17px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: #e7f0ff !important;
  color: #1655a6 !important;
  -webkit-text-fill-color: #1655a6 !important;
  font-weight: 950 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-summary {
  display: grid !important;
  min-width: 0 !important;
  gap: 1px !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-name,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-role {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-name {
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-role {
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.68 !important;
}

@media (max-width: 1480px) {
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row {
    grid-template-columns: minmax(560px, 1fr) !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls {
    grid-row: 2 !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid {
    grid-template-columns: repeat(2, minmax(340px, 1fr)) !important;
  }
}

/* shipping premium table fallback active start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:not([hidden]) {
  display: block !important;
  margin-top: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08) !important;
  overflow: auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) #groupSummaryTable:not([hidden]) {
  display: table !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) #groupEmptyState:not([hidden]) {
  display: block !important;
}
/* shipping premium table fallback active end */

/* shipping premium sidebar final lock start */
html body:not(.is-dashboard-login-page) .sidebar #shopNav,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100vh !important;
  padding: 118px 14px 176px !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  align-content: stretch !important;
  gap: 10px !important;
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-settings,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-section {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  display: grid !important;
  gap: 0 !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-top-item,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-top-item,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:hover,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:focus,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:active {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  min-height: 46px !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: 46px !important;
  align-items: center !important;
  align-content: center !important;
  justify-items: stretch !important;
  gap: 10px !important;
  padding: 0 18px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color 0.14s ease, box-shadow 0.14s ease, color 0.14s ease !important;
  color: #4c545e !important;
  -webkit-text-fill-color: #4c545e !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section.is-active > .sidebar-top-item,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item.is-active,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item[aria-current="page"] {
  background: #0f1114 !important;
  background-color: #0f1114 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.22) !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:hover:not(.is-active):not([aria-current="page"]),
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:focus-visible:not(.is-active):not([aria-current="page"]),
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section:not(.is-active) > .sidebar-top-item:hover,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-top-item:hover:not(.is-active):not([aria-current="page"]),
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-top-item:hover:not(.is-active):not([aria-current="page"]) {
  border-color: transparent !important;
  background: rgba(255, 255, 255, 0.58) !important;
  background-color: rgba(255, 255, 255, 0.58) !important;
  background-image: none !important;
  outline: none !important;
  box-shadow: 0 12px 24px rgba(17, 20, 24, 0.08) !important;
  color: #1f2933 !important;
  -webkit-text-fill-color: #1f2933 !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:focus,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:focus-visible,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:active {
  outline: none !important;
  border-color: transparent !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:hover:not(.is-active):not([aria-current="page"]) *,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item:focus-visible:not(.is-active):not([aria-current="page"]) *,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section:not(.is-active) > .sidebar-top-item:hover * {
  color: #1f2933 !important;
  -webkit-text-fill-color: #1f2933 !important;
  stroke: currentColor !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-label,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-top-item .sidebar-menu-label,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-top-item .sidebar-menu-label {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section.is-active > .sidebar-top-item,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section.is-active > .sidebar-top-item[data-top-menu="shipping"],
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item.is-active,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item.is-active[data-top-menu="shipping"],
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-top-item.is-active,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-top-item.is-active {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  min-height: 46px !important;
  margin-right: 0 !important;
  padding: 0 18px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: 46px !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  align-items: center !important;
  border-radius: 999px !important;
  background: #0f1114 !important;
  background-color: #0f1114 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.22) !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section.is-active > .sidebar-top-item .sidebar-menu-label,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item.is-active .sidebar-menu-label,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item.is-active[data-top-menu="shipping"] .sidebar-menu-label {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-self: stretch !important;
  text-align: left !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section.is-active > .sidebar-top-item .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item.is-active .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-top-item.is-active[data-top-menu="shipping"] .sidebar-menu-icon {
  grid-column: auto !important;
  justify-self: center !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}
/* shipping premium sidebar final lock end */

/* shipping premium workbench layout final lock start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
  gap: 18px !important;
  padding: 34px 28px 72px 28px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row.rice-plate-shipping-toolbar,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: minmax(1082px, 1082px) minmax(430px, 1fr) !important;
  grid-template-rows: var(--shipping-control-height) auto !important;
  grid-template-areas:
    "filters search"
    "metrics metrics" !important;
  gap: 14px 12px !important;
  justify-content: space-between !important;
  align-items: start !important;
  align-content: start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-workbench-head,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-head-actions,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-top-controls {
  display: contents !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-controls {
  grid-area: filters !important;
  display: grid !important;
  grid-template-columns: 300px 320px 132px 158px 132px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  gap: 10px !important;
  align-items: center !important;
  width: 1082px !important;
  min-width: 0 !important;
  max-width: 1082px !important;
  height: var(--shipping-control-height) !important;
  overflow: visible !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls {
  grid-area: search !important;
  display: grid !important;
  grid-template-columns: minmax(88px, 1fr) 64px 64px 72px 72px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  gap: 10px !important;
  align-items: center !important;
  justify-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 430px !important;
  height: var(--shipping-control-height) !important;
  overflow: visible !important;
  transform: none !important;
}

html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row #shippingShopSelector.shipping-shop-selector,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row #shippingDateFilter.shipping-date-filter,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row #shippingShopSelector.shipping-shop-selector,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row #shippingDateFilter.shipping-date-filter,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row #shippingShopSelector.shipping-shop-selector,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row #shippingDateFilter.shipping-date-filter,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  align-self: start !important;
  margin: 0 !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-type {
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  border-right: 0 !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range.is-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 220px !important;
  height: 100% !important;
  padding: 0 !important;
  color: rgba(27, 39, 56, 0.72) !important;
  -webkit-text-fill-color: rgba(27, 39, 56, 0.72) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-range > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics {
  grid-area: metrics !important;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card:focus {
  min-width: 96px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 16px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingStatusSortControls {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin-left: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:not([hidden]) {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:not(:has(#groupTableBody tr)):not([hidden]) {
  display: grid !important;
  place-items: center !important;
  min-height: 132px !important;
  padding: 0 !important;
  border: 1px solid rgba(148, 163, 184, 0.2) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:not(:has(#groupTableBody tr)) #groupSummaryTable {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:not(:has(#groupTableBody tr)) #groupEmptyState {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 132px !important;
  padding: 0 24px !important;
  color: rgba(17, 20, 24, 0.46) !important;
  -webkit-text-fill-color: rgba(17, 20, 24, 0.46) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page):has(#shippingOrdersPanel #groupTableBody:empty) > .shipping-sticky-header-clone,
html body:not(.is-dashboard-login-page):has(#shippingOrdersPanel #groupTableBody:empty) > .shipping-sticky-header-clone .shipping-sticky-header-clone-inner,
html body:not(.is-dashboard-login-page):has(#shippingOrdersPanel #groupTableBody:empty) > .shipping-sticky-header-clone table {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:has(#groupTableBody tr):not([hidden]) {
  display: block !important;
  overflow: auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:has(#groupTableBody tr) #groupSummaryTable {
  display: table !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel:not(:has(#shippingSystemAlbumShell:not([hidden]))) .shipping-table-wrap:has(#groupTableBody tr) #groupEmptyState {
  display: none !important;
}

@media (max-width: 1480px) {
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row.rice-plate-shipping-toolbar,
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "filters"
      "search"
      "metrics" !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-controls {
    grid-template-columns: 300px 320px 132px 158px 132px !important;
    width: 1082px !important;
    max-width: 1082px !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-search-controls {
    width: 100% !important;
    max-width: 430px !important;
    grid-template-columns: minmax(88px, 1fr) 64px 64px 72px 72px !important;
  }
}
/* shipping premium workbench layout final lock end */

/* shipping premium reference pack overrides start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-placeholder {
  color: rgba(27, 39, 56, 0.46) !important;
  -webkit-text-fill-color: rgba(27, 39, 56, 0.46) !important;
  font-weight: 850 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterButton .shipping-date-filter-separator {
  color: rgba(27, 39, 56, 0.72) !important;
  -webkit-text-fill-color: rgba(27, 39, 56, 0.72) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-shop-selector-menu {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  padding: 14px 14px 0 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(118, 119, 122, 0.24) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 24px 60px rgba(25, 28, 29, 0.16) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row {
  min-height: 38px !important;
  padding: 0 6px !important;
  border-radius: 12px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-row:focus {
  background: #f3f4f5 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-name {
  font-size: 13px !important;
  font-weight: 850 !important;
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-select-count {
  margin-left: 6px !important;
  color: #5f6670 !important;
  -webkit-text-fill-color: #5f6670 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu.shipping-shop-selector-menu {
  display: flex !important;
  flex-direction: column !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  max-height: min(414px, calc(100vh - 132px)) !important;
  height: auto !important;
  padding: 14px 14px 0 !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu.shipping-shop-selector-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 334px !important;
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-shop-selector-footer {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 10px -14px 0 !important;
  border-top: 1px solid rgba(17, 20, 24, 0.14) !important;
  background: rgba(255, 255, 255, 0.48) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock.sidebar-account-dock {
  width: var(--premium-sidebar-width, 216px) !important;
  min-width: var(--premium-sidebar-width, 216px) !important;
  max-width: var(--premium-sidebar-width, 216px) !important;
  height: 112px !important;
  bottom: 34px !important;
  justify-content: center !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner {
  display: grid !important;
  grid-template-rows: 42px 50px !important;
  gap: 10px !important;
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:hover,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:focus {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-icon,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-icon svg {
  width: 18px !important;
  height: 18px !important;
  color: #5b5f63 !important;
  stroke: #5b5f63 !important;
  fill: none !important;
  stroke-width: 2 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account:hover,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account:focus {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 14px !important;
  border-radius: 18px !important;
  background: #f3f4f5 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .sidebar-account-avatar {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  background: #1a1a1c !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-avatar-icon,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-avatar-icon svg {
  display: grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  stroke-width: 2 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-logout-icon,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-logout-icon svg {
  width: 16px !important;
  height: 16px !important;
  color: #8e9196 !important;
  stroke: #8e9196 !important;
  fill: none !important;
  stroke-width: 2 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-shell {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-main {
  display: block !important;
  width: 100% !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(420px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  width: 100% !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 160px minmax(0, 1fr) !important;
  grid-template-rows: minmax(160px, auto) auto !important;
  gap: 10px 24px !important;
  min-height: 254px !important;
  padding: 24px !important;
  border: 0 !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 18px 42px rgba(25, 28, 29, 0.08) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card::before {
  display: none !important;
  content: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-thumb-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-thumb {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
  border: 0 !important;
  border-radius: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #1a1a1c !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media {
  display: contents !important;
  grid-template-rows: none !important;
  gap: 0 !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-caption {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  gap: 18px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(17, 20, 24, 0.08) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-meta,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-note {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: left !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-meta span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-note span {
  color: #8e9196 !important;
  -webkit-text-fill-color: #8e9196 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 14px !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-meta strong,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-note strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 14px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-item.is-label-hidden {
  gap: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-item.is-label-hidden em {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-item.is-metal-accessory {
  flex: 0 1 82px !important;
  max-width: 82px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-note {
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.7s ease !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card:hover .shipping-clear-thumb img {
  transform: scale(1.06) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-body {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 160px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-title-static,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-title-price {
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-title-static {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-title-price {
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-code,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-spec {
  margin-top: 12px !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-item {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-item em {
  flex: 0 0 auto !important;
  color: #8c9198 !important;
  -webkit-text-fill-color: #8c9198 !important;
  font-style: normal !important;
  font-weight: 800 !important;
  font-size: 11px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-item strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #4f555b !important;
  -webkit-text-fill-color: #4f555b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-premium-info-item {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-premium-info-item span {
  color: #8e9196 !important;
  -webkit-text-fill-color: #8e9196 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-premium-info-item strong {
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-media-caption {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(17, 20, 24, 0.08) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-info {
  display: contents !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-meta,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-note {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-meta {
  grid-column: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-note {
  grid-column: 2 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-actions {
  grid-column: 3 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-exchange-workflow-actions {
  flex-wrap: wrap !important;
  gap: 6px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-exchange-workflow-status,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-order-exchange-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 22px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(225, 132, 26, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(255, 245, 229, 0.86) !important;
  color: #a75b05 !important;
  -webkit-text-fill-color: #a75b05 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-exchange-return-waybill,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-order-exchange-waybill {
  display: inline-flex !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #6c7788 !important;
  -webkit-text-fill-color: #6c7788 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-exchange-confirm-button {
  min-width: 104px !important;
  padding: 0 12px !important;
  background: #1f6feb !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-action,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-action:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-action:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-action:focus-visible {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 74px !important;
  min-height: 30px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #101418 !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-meta span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-note span {
  color: #8e9196 !important;
  -webkit-text-fill-color: #8e9196 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 14px !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-meta strong,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-footer .shipping-clear-media-note strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 14px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card-metrics,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-stat-row-secondary {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-front-status {
  justify-self: end !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-front-status strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-front-status-label {
  display: none !important;
}
/* shipping premium reference pack overrides end */

/* funds premium monochrome reference layout start */
html body:not(.is-dashboard-login-page) #fundsSection.funds-premium-panel {
  display: block !important;
  border: 0 !important;
  background: #f8f9fa !important;
  box-shadow: none !important;
  color: #191c1d !important;
}

html body:not(.is-dashboard-login-page) #fundsSection.funds-premium-panel[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-shell {
  width: min(100%, 1280px) !important;
  margin: 0 auto !important;
  padding: 42px 44px 56px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 34px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-hero {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-title h3 {
  margin: 0 0 14px !important;
  color: #18191b !important;
  font-size: 48px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-kicker,
html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card span,
html body:not(.is-dashboard-login-page) #fundsSection .funds-metric-card span {
  color: #45474a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-title .panel-tip {
  display: block !important;
  max-width: 760px !important;
  color: #45474a !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-refresh {
  border: 0 !important;
  border-radius: 999px !important;
  background: #18191b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: 13px 28px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 34px rgba(24, 25, 27, 0.16) !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 24px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-metric-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card,
html body:not(.is-dashboard-login-page) #fundsSection .funds-metric-card,
html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-card {
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 22px 60px rgba(25, 28, 29, 0.06) !important;
  backdrop-filter: blur(14px) !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card {
  min-height: 170px !important;
  border-radius: 24px !important;
  padding: 32px 34px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card-primary {
  min-height: 190px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card strong {
  display: block !important;
  margin-top: 12px !important;
  color: #18191b !important;
  font-size: 42px !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card:not(.funds-overview-card-primary) strong {
  font-size: 30px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card small {
  margin-top: 18px !important;
  color: #5b5f63 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-wallet-mark {
  position: absolute !important;
  right: -22px !important;
  bottom: -54px !important;
  color: rgba(25, 28, 29, 0.045) !important;
  font-size: 190px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-metric-card {
  min-height: 98px !important;
  border-radius: 22px !important;
  padding: 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-metric-card strong {
  color: #18191b !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-card {
  border-radius: 24px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-header {
  padding: 28px 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  border-bottom: 1px solid rgba(198, 198, 202, 0.22) !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-header h4 {
  margin: 0 !important;
  color: #18191b !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-search {
  width: min(320px, 100%) !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  background: #edeeef !important;
  color: #76777a !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-search input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #191c1d !important;
  -webkit-text-fill-color: #191c1d !important;
  font-size: 14px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table {
  width: 100% !important;
  min-width: 1320px !important;
  border-collapse: collapse !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table th {
  background: rgba(243, 244, 245, 0.76) !important;
  color: #5b5f63 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 16px 18px !important;
  text-align: right !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table th:first-child,
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table td:first-child {
  text-align: left !important;
  padding-left: 34px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table td {
  color: #191c1d !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  padding: 22px 18px !important;
  text-align: right !important;
  white-space: nowrap !important;
  border: 0 !important;
  border-top: 1px solid rgba(198, 198, 202, 0.18) !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table th:last-child,
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table td:last-child {
  min-width: 90px !important;
  width: 90px !important;
  padding-right: 34px !important;
  text-align: center !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-shop-meta {
  display: block !important;
  margin-top: 5px !important;
  color: #76777a !important;
  font-size: 12px !important;
  font-weight: 450 !important;
  white-space: normal !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 54px !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-status.is-ok {
  background: #d7f8df !important;
  color: #176b34 !important;
  -webkit-text-fill-color: #176b34 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-status.is-error {
  background: #fee7c3 !important;
  color: #9a5c00 !important;
  -webkit-text-fill-color: #9a5c00 !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-footer {
  min-height: 58px !important;
  padding: 0 34px !important;
  display: flex !important;
  align-items: center !important;
  color: #5b5f63 !important;
  font-size: 13px !important;
  border-top: 1px solid rgba(198, 198, 202, 0.18) !important;
  background: rgba(243, 244, 245, 0.34) !important;
}

@media (max-width: 1200px) {
  html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-card-primary {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-hero,
  html body:not(.is-dashboard-login-page) #fundsSection .funds-ledger-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body:not(.is-dashboard-login-page) #fundsSection .funds-overview-grid,
  html body:not(.is-dashboard-login-page) #fundsSection .funds-metric-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  html body:not(.is-dashboard-login-page) #fundsSection.funds-premium-panel {
    min-width: 760px !important;
  }

  html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-shell {
    padding: 28px 24px 38px !important;
  }
}
/* funds premium monochrome reference layout end */

/* shipping premium monochrome toolbar action colors start */
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button {
  border-color: rgba(255, 255, 255, 0.86) !important;
  background: rgba(255, 255, 255, 0.64) !important;
  background-color: rgba(255, 255, 255, 0.64) !important;
  background-image: none !important;
  color: #26313d !important;
  -webkit-text-fill-color: #26313d !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 24px rgba(18, 35, 48, 0.07) !important;
}

html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button:hover,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button:hover,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button:hover,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button:hover,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button:hover,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button:hover,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button:hover,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button:hover,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button:hover,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button:focus-visible,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button:focus-visible,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button:focus-visible,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button:focus-visible,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button:focus-visible,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button:focus-visible,
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button:focus-visible,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button:focus-visible,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button:focus-visible {
  border-color: rgba(255, 255, 255, 0.92) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#groupSearchResetButton.ghost-button::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingOrdersExportButton.ghost-button::after,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls button#shippingInventoryImportButton.ghost-button::after {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
}
/* shipping premium monochrome toolbar action colors end */

/* fixed viewport sidebar lock start */
html body:not(.is-dashboard-login-page) .dashboard-layout {
  display: block !important;
  padding-left: var(--premium-sidebar-width, 216px) !important;
}

html body:not(.is-dashboard-login-page) .sidebar,
html body:not(.is-dashboard-login-page) .sidebar:hover,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: var(--premium-sidebar-width, 216px) !important;
  min-width: var(--premium-sidebar-width, 216px) !important;
  max-width: var(--premium-sidebar-width, 216px) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

html body:not(.is-dashboard-login-page) .content {
  width: 100% !important;
}

@media (max-width: 700px) {
  html body:not(.is-dashboard-login-page) .dashboard-layout {
    min-width: calc(var(--premium-sidebar-width, 216px) + 760px) !important;
  }
}
/* fixed viewport sidebar lock end */

/* sidebar settings dock entry start */
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button.is-active,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button.is-active:hover,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button.is-active:focus {
  background: #0f1114 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.22) !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button.is-active *,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button.is-active .premium-sidebar-settings-icon,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button.is-active .premium-sidebar-settings-icon svg,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button.is-active .premium-sidebar-settings-icon svg * {
  color: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}
/* sidebar settings dock entry end */

/* sidebar standard icon scale start */
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-icon:not(.sidebar-menu-icon-settings):not(.sidebar-menu-icon-letter-p):not(.sidebar-menu-icon-letter-f):not(.sidebar-menu-icon-letter-a):not(.sidebar-menu-icon-letter-d),
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-icon:not(.sidebar-menu-icon-settings):not(.sidebar-menu-icon-letter-p):not(.sidebar-menu-icon-letter-f):not(.sidebar-menu-icon-letter-a):not(.sidebar-menu-icon-letter-d),
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-icon:not(.sidebar-menu-icon-settings):not(.sidebar-menu-icon-letter-p):not(.sidebar-menu-icon-letter-f):not(.sidebar-menu-icon-letter-a):not(.sidebar-menu-icon-letter-d) {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-icon:not(.sidebar-menu-icon-settings):not(.sidebar-menu-icon-letter-p):not(.sidebar-menu-icon-letter-f):not(.sidebar-menu-icon-letter-a):not(.sidebar-menu-icon-letter-d) svg,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-icon:not(.sidebar-menu-icon-settings):not(.sidebar-menu-icon-letter-p):not(.sidebar-menu-icon-letter-f):not(.sidebar-menu-icon-letter-a):not(.sidebar-menu-icon-letter-d) svg,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-icon:not(.sidebar-menu-icon-settings):not(.sidebar-menu-icon-letter-p):not(.sidebar-menu-icon-letter-f):not(.sidebar-menu-icon-letter-a):not(.sidebar-menu-icon-letter-d) svg {
  width: 26px !important;
  height: 26px !important;
}
/* sidebar standard icon scale end */

/* shipping album card readability tune start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-card-body {
  grid-template-rows: 34px minmax(22px, 32px) 26px 36px 20px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .shipping-system-album-title-static {
  max-height: 34px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-price-tag {
  font-size: 16px !important;
  line-height: 1.14 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-code-wrap {
  min-height: 22px !important;
  height: auto !important;
  max-height: 32px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-code-row {
  flex-wrap: wrap !important;
  align-content: start !important;
  gap: 2px 8px !important;
  height: auto !important;
  min-height: 22px !important;
  line-height: 16px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code:focus {
  flex: 0 0 auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code strong {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-product-metal {
  flex: 0 0 auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-metric > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-field > span {
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 18px !important;
  color: rgba(23, 33, 49, 0.72) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.72) !important;
}
/* shipping album card readability tune end */

/* shipping album aggregate card readability tune start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-card-body {
  grid-template-rows: 34px minmax(22px, 34px) 26px 36px 20px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .shipping-system-album-title-static {
  max-height: 34px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-price-tag {
  font-size: 16px !important;
  line-height: 1.14 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-code-wrap {
  min-height: 22px !important;
  height: auto !important;
  max-height: 34px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-code-row {
  flex-wrap: wrap !important;
  align-content: start !important;
  gap: 2px 8px !important;
  height: auto !important;
  min-height: 22px !important;
  line-height: 16px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code:active {
  flex: 0 0 auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code strong {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-product-metal {
  flex: 0 0 auto !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-metric > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-field > span {
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 18px !important;
  color: rgba(23, 33, 49, 0.72) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.72) !important;
}
/* shipping album aggregate card readability tune end */

/* shipping album card final readability enforcement start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-card-body,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-card-body {
  grid-template-rows: 32px minmax(24px, 42px) 26px 42px 22px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .shipping-system-album-title-static,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .shipping-system-album-title-static {
  max-height: 32px !important;
  font-size: 14px !important;
  line-height: 1.14 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-price-tag,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-price-tag {
  font-size: 15px !important;
  line-height: 1.12 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-code-wrap,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-code-wrap {
  min-height: 24px !important;
  height: auto !important;
  max-height: 42px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-code-row,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-code-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  align-items: flex-start !important;
  gap: 2px 8px !important;
  height: auto !important;
  min-height: 24px !important;
  line-height: 17px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-copy-code strong,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-copy-code strong {
  display: inline !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-product-metal,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-product-metal {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-metric > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .rice-shipping-album-grid .rice-shipping-album-field > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-metric > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemAlbumGrid .rice-shipping-album-field > span {
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 19px !important;
  color: rgba(23, 33, 49, 0.78) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.78) !important;
}
/* shipping album card final readability enforcement end */

/* shipping clear card readability enforcement start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-title-static {
  font-size: 17px !important;
  line-height: 1.14 !important;
  max-height: 40px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-title-price {
  font-size: 18px !important;
  line-height: 1.12 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-code {
  min-height: 24px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  gap: 3px 10px !important;
  min-width: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item em,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item strong {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item strong {
  font-size: 12px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info-item span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-note span {
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 18px !important;
  color: rgba(23, 33, 49, 0.78) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.78) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info-item strong {
  font-size: 15px !important;
  line-height: 1.16 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta strong,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-note strong {
  font-size: 13px !important;
  line-height: 16px !important;
}
/* shipping clear card readability enforcement end */

/* shipping clear detail dami final override start */
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483200 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-backdrop {
  background: rgba(17, 20, 24, 0.36) !important;
  backdrop-filter: blur(10px) saturate(0.78) !important;
  -webkit-backdrop-filter: blur(10px) saturate(0.78) !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-dialog {
  position: relative !important;
  width: min(1500px, calc(100vw - 220px)) !important;
  max-width: min(1500px, calc(100vw - 220px)) !important;
  min-height: min(790px, calc(100dvh - 72px)) !important;
  max-height: min(790px, calc(100dvh - 72px)) !important;
  display: block !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 28px !important;
  background-color: rgba(244, 247, 255, 0.72) !important;
  background-image: linear-gradient(115deg, rgba(244, 247, 255, 0.86) 0%, rgba(238, 248, 251, 0.8) 47%, rgba(255, 246, 245, 0.78) 100%) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow: 0 30px 72px rgba(17, 20, 24, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-header {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 8 !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-header > div {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-close {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 10px 24px rgba(17, 20, 24, 0.14) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 24px !important;
  font-weight: 450 !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-body {
  height: 100% !important;
  min-height: inherit !important;
  max-height: inherit !important;
  padding: 22px 28px 28px !important;
  background: transparent !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-footer {
  display: none !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-shell {
  display: grid !important;
  grid-template-columns: 526px minmax(520px, 1fr) !important;
  gap: 30px !important;
  min-height: calc(min(790px, calc(100dvh - 72px)) - 50px) !important;
  height: 100% !important;
  align-items: stretch !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-left-panel,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-panel,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-control-panel {
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-left-panel {
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  gap: 16px !important;
  align-content: start !important;
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-thumb-button,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-thumb {
  width: 526px !important;
  min-width: 526px !important;
  max-width: 526px !important;
  height: 475px !important;
  min-height: 475px !important;
  max-height: 475px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #17181b !important;
  overflow: hidden !important;
  box-shadow: 0 18px 34px rgba(17, 20, 24, 0.12) !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-media-strip {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 36px !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-media-chip {
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 8px 18px rgba(17, 20, 24, 0.12) !important;
  color: #87909d !important;
  -webkit-text-fill-color: #87909d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-media-chip.is-active {
  border: 2px solid rgba(17, 20, 24, 0.92) !important;
  box-shadow: 0 8px 18px rgba(17, 20, 24, 0.18) !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-media-chip img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-product-copy {
  display: grid !important;
  gap: 18px !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-product-name {
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-meta-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-info-card {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(17, 20, 24, 0.04) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.52) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-info-card span {
  color: #838383 !important;
  -webkit-text-fill-color: #838383 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-info-card strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #42464d !important;
  -webkit-text-fill-color: #42464d !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-main-area,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-right-panel {
  display: contents !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-panel,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-control-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-control-panel {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  padding-right: 0 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-panel > header {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-panel h4 {
  margin: 0 !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-list {
  min-height: 42px !important;
  max-height: 602px !important;
  display: block !important;
  padding: 18px 6px 0 0 !important;
  border-top: 1px solid rgba(17, 20, 24, 0.06) !important;
  overflow: auto !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-empty,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-row {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-row {
  display: grid !important;
  grid-template-columns: auto minmax(72px, auto) minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
  align-items: center !important;
}

/* shipping clear detail material thumb boost start */
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-row {
  grid-template-columns: auto minmax(52px, auto) minmax(0, 1fr) auto auto !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-image-slot,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-thumb {
  width: 48px !important;
  height: 48px !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-production-thumb {
  min-width: 48px !important;
  border-radius: 8px !important;
}
/* shipping clear detail material thumb boost end */

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-control-panel .shipping-clear-detail-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  padding: 18px 0 0 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-choice-row {
  display: grid !important;
  grid-template-columns: minmax(0, 178px) minmax(0, 150px) !important;
  gap: 12px !important;
  align-items: end !important;
  justify-content: start !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-box,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-dropdown {
  width: 178px !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-quantity-box {
  width: 150px !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-field > span,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-box > span,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-supply-box > span,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-quantity-box > span {
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-button {
  height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 10px 24px rgba(15, 23, 42, 0.10) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-button:hover,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-dropdown.is-open .shipping-clear-detail-select-button {
  border-color: rgba(255, 255, 255, 0.86) !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 12px 28px rgba(15, 23, 42, 0.13) !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-menu {
  top: calc(100% + 8px) !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 18px 34px rgba(15, 23, 42, 0.14) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-option {
  height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-option:hover,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-option.is-selected,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-option.is-success:hover,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-option.is-success.is-selected,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-option.is-danger:hover,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-option.is-danger.is-selected {
  background: rgba(17, 20, 24, 0.06) !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-select-value,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-selected-text {
  color: #2f3a4a !important;
  -webkit-text-fill-color: #2f3a4a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-control-panel input,
html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-control-panel textarea {
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-note-field textarea {
  min-height: 118px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  resize: vertical !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-actions {
  align-self: end !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 0 0 12px !important;
  margin-top: auto !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-actions [data-shipping-clear-detail-status] {
  min-height: 18px !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: center !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-actions .ghost-button.primary {
  order: 2 !important;
  width: 100% !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #0f1114 !important;
  background-color: #0f1114 !important;
  background-image: linear-gradient(#0f1114, #0f1114) !important;
  box-shadow: 0 18px 30px rgba(17, 20, 24, 0.22) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-actions .ghost-button:not(.primary) {
  order: 3 !important;
  width: 100% !important;
  height: 18px !important;
  min-height: 18px !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@media (max-width: 1320px) {
  html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-dialog {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
  }

  html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-shell {
    grid-template-columns: minmax(360px, 526px) minmax(320px, 1fr) 360px !important;
    gap: 20px !important;
  }

  html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-thumb-button,
  html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-thumb {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (max-width: 980px) {
  html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-dialog {
    max-height: calc(100dvh - 24px) !important;
    overflow: auto !important;
  }

  html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-body {
    overflow: visible !important;
  }

  html body:not(.is-dashboard-login-page) .shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* shipping clear detail dami final override end */

/* shipping clear detail dami action lock start */
html body #shippingClearDetailModal.shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-actions button.ghost-button.primary[data-shipping-clear-detail-confirm="true"] {
  border-color: #0f1114 !important;
  background: #0f1114 !important;
  background-color: #0f1114 !important;
  background-image: linear-gradient(#0f1114, #0f1114) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 18px 30px rgba(17, 20, 24, 0.22) !important;
}

html body #shippingClearDetailModal.shipping-clear-detail-modal.shipping-clear-detail-dami-modal .shipping-clear-detail-actions button.ghost-button[data-shipping-clear-detail-close="true"]:not(.primary) {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  box-shadow: none !important;
}
/* shipping clear detail dami action lock end */

/* shipping clear card capsule compact layout start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card {
  grid-template-rows: minmax(160px, auto) auto !important;
  row-gap: 6px !important;
  min-height: 236px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-body {
  min-height: 144px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-code {
  margin-top: 6px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .is-copyable,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .is-copyable *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-rice-plate-shipping-copy-value],
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-rice-plate-shipping-copy-value] *,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-spec-value {
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item em,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item strong {
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 20px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(100, 116, 139, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(100, 116, 139, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory strong {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 18px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory.is-accessory-none {
  border-color: rgba(100, 116, 139, 0.18) !important;
  background: rgba(100, 116, 139, 0.1) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory.is-accessory-18k {
  border-color: rgba(202, 138, 4, 0.26) !important;
  background: rgba(250, 204, 21, 0.2) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory.is-accessory-18k strong {
  color: #854d0e !important;
  -webkit-text-fill-color: #854d0e !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory.is-accessory-s925 {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: rgba(59, 130, 246, 0.13) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory.is-accessory-s925 strong {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory.is-accessory-other {
  border-color: rgba(13, 148, 136, 0.22) !important;
  background: rgba(20, 184, 166, 0.12) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-identity-item.is-metal-accessory.is-accessory-other strong {
  color: #0f766e !important;
  -webkit-text-fill-color: #0f766e !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-spec {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 8px !important;
  margin-top: 6px !important;
  line-height: 17px !important;
  white-space: normal !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-spec-label {
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-spec-value {
  display: block !important;
  min-width: 0 !important;
  line-height: 17px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-spec-value .shipping-ring-text {
  white-space: normal !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info {
  margin-top: 12px !important;
  gap: 10px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info-item {
  gap: 2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  margin-top: 0 !important;
  padding-top: 7px !important;
  min-height: 34px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-note {
  min-height: 22px !important;
}
/* shipping clear card capsule compact layout end */

/* order detail drawer frosted overlay final layer start */
html.is-detail-drawer-open body #sidebarAccountDock.sidebar-account-dock,
html.is-detail-drawer-open body #sidebarAccountPanel.sidebar-account-panel,
html body.is-detail-drawer-open #sidebarAccountDock.sidebar-account-dock,
html body.is-detail-drawer-open #sidebarAccountPanel.sidebar-account-panel {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.is-detail-drawer-open body #sidebarAccountDock.sidebar-account-dock *,
html.is-detail-drawer-open body #sidebarAccountPanel.sidebar-account-panel *,
html body.is-detail-drawer-open #sidebarAccountDock.sidebar-account-dock *,
html body.is-detail-drawer-open #sidebarAccountPanel.sidebar-account-panel * {
  pointer-events: none !important;
}

#detailBackdrop.detail-backdrop {
  z-index: 2147483400 !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.24), transparent 34%),
    radial-gradient(circle at 82% 8%, rgba(184, 229, 232, 0.22), transparent 30%),
    rgba(15, 23, 42, 0.28) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.16) !important;
  backdrop-filter: blur(12px) saturate(1.16) !important;
}

#detailDrawer.is-orders-mode {
  z-index: 2147483500 !important;
}

@media (min-width: 761px) {
  html body:not(.is-pda-inventory-view) #detailDrawer.detail-drawer.is-orders-mode {
    position: fixed !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 0 !important;
    pointer-events: auto !important;
    transition: none !important;
    will-change: auto !important;
    --order-detail-dialog-top: clamp(56px, 6.7vh, 72px);
  }

  html body:not(.is-pda-inventory-view) #detailDrawer.detail-drawer.is-orders-mode .order-detail-dialog-frame {
    width: min(1450px, calc(100% - 64px)) !important;
    height: min(700px, calc(100dvh - var(--order-detail-dialog-top) - 36px)) !important;
    margin-top: var(--order-detail-dialog-top) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    transform: none !important;
  }

  #detailDrawer.is-orders-mode .order-detail-dialog-surface,
  #detailDrawer.is-orders-mode .detail-drawer-inner,
  #detailDrawer.is-orders-mode .drawer-orders-panel {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  #detailDrawer.is-orders-mode .drawer-orders-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  #detailDrawer.is-orders-mode .drawer-orders-panel .shipping-table-wrap {
    min-height: 0 !important;
    overflow: auto !important;
  }
}

#detailDrawer.is-orders-mode .order-detail-dialog-surface {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 180ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

#detailDrawer[hidden],
#detailBackdrop[hidden] {
  display: none !important;
}

#detailDrawer.is-orders-mode.is-entering .order-detail-dialog-surface {
  opacity: 0;
  transform: translateY(-12px);
}

#detailDrawer.is-orders-mode.is-closing .order-detail-dialog-surface {
  opacity: 0 !important;
  transform: translateY(0) !important;
  transition: opacity 110ms ease !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button {
  appearance: none;
  outline: none;
  filter: none;
  transform: none;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.46) !important;
  border-radius: 10px !important;
  background: rgba(241, 245, 249, 0.82) !important;
  color: #334155 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button:hover,
#detailDrawer.is-orders-mode .order-detail-dialog-button:active {
  outline: none !important;
  filter: none !important;
  transform: none !important;
  border-color: rgba(100, 116, 139, 0.58) !important;
  background: rgba(226, 232, 240, 0.9) !important;
  color: #1e293b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button:focus-visible {
  outline: none !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(71, 85, 105, 0.16) !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button[aria-pressed="true"] {
  border-color: #475569 !important;
  background: #475569 !important;
  color: #fff !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

@media (max-width: 760px) {
  #detailDrawer .order-detail-dialog-frame,
  #detailDrawer .order-detail-dialog-surface {
    width: 100%;
    height: 100%;
    margin: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #detailDrawer.is-orders-mode .order-detail-dialog-surface {
    transition: none !important;
  }
}

#detailDrawer.is-orders-mode .detail-drawer-inner {
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.46), rgba(217, 245, 248, 0.28) 52%, rgba(255, 246, 246, 0.24)),
    rgba(255, 255, 255, 0.34) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.34) !important;
  backdrop-filter: blur(28px) saturate(1.34) !important;
  box-shadow:
    0 28px 92px rgba(15, 23, 42, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

@media (min-width: 761px) {
  #detailDrawer.is-orders-mode {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: clamp(72px, 9vh, 96px) !important;
    box-sizing: border-box !important;
  }

  #detailDrawer.is-orders-mode .detail-drawer-inner {
    max-height: calc(100vh - 144px) !important;
  }
}

#detailDrawer.is-orders-mode .drawer-orders-panel,
#detailDrawer.is-orders-mode .drawer-orders-panel .orders-toolbar {
  background: transparent !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .panel-tip,
#detailDrawer.is-orders-mode .drawer-orders-panel .ghost-button {
  border-color: rgba(203, 213, 225, 0.72) !important;
  background: rgba(255, 255, 255, 0.54) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
  backdrop-filter: blur(16px) saturate(1.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-pager-cluster {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-pager-cluster #ordersPagerInfo {
  flex: 0 0 auto !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-product-mode-controls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-shop-filter-controls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 120px !important;
  max-width: 520px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-shop-filter-controls[hidden] {
  display: none !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-shop-filter-controls::-webkit-scrollbar {
  display: none !important;
}

.orders-shop-filter-controls.is-floating-order-shop-filter {
  position: fixed !important;
  top: clamp(14px, 3.4vh, 34px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2147483510 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  max-width: min(680px, calc(100vw - 96px)) !important;
  min-height: 42px !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  border-radius: 14px !important;
  background: rgba(232, 247, 249, 0.58) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}

.orders-shop-filter-controls.is-floating-order-shop-filter[hidden] {
  display: none !important;
}

.orders-shop-filter-controls.is-floating-order-shop-filter::-webkit-scrollbar {
  display: none !important;
}

.orders-shop-filter-controls.is-floating-order-shop-filter .order-detail-shop-filter-button {
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-card {
  width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 18px 18px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 24px 60px rgba(35, 50, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
  backdrop-filter: blur(18px) saturate(1.14) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-card.is-loading,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-card.is-refreshing,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-clear-shell.is-refreshing {
  cursor: progress !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-card[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .toolbar.orders-toolbar.group-pager:not([hidden]) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 10px 0 0 !important;
  padding: 8px 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-standard-pager {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 12px 0 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--premium-line) !important;
  border-radius: 18px !important;
  background: var(--premium-glass) !important;
  box-shadow: 0 14px 34px rgba(35, 50, 76, 0.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
  backdrop-filter: blur(18px) saturate(1.14) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-standard-pager [hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-total {
  margin-right: auto !important;
  color: var(--premium-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-control,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-page,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-size-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(23, 79, 150, 0.14) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--premium-ink) !important;
  -webkit-text-fill-color: var(--premium-ink) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-control:disabled,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-page:disabled {
  opacity: 0.38 !important;
  cursor: default !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-control:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-page:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-size-trigger:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-jump input:focus-visible {
  outline: 2px solid var(--premium-blue) !important;
  outline-offset: 2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-pages {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-page {
  padding: 0 8px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-page.is-current {
  border-color: var(--premium-blue) !important;
  background: var(--premium-blue) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-ellipsis {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 34px !important;
  color: var(--premium-muted) !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-size {
  display: inline-flex !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-size-trigger::after {
  width: 7px !important;
  height: 7px !important;
  margin: -4px 0 0 9px !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 1.5px solid currentColor !important;
  content: "" !important;
  transform: rotate(45deg) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-size-trigger[aria-expanded="true"]::after {
  margin-top: 4px !important;
  transform: rotate(225deg) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-jump {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  color: var(--premium-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-jump input {
  width: 54px !important;
  height: 34px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(23, 79, 150, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: var(--premium-ink) !important;
  -webkit-text-fill-color: var(--premium-ink) !important;
  box-sizing: border-box !important;
  font: inherit !important;
  text-align: center !important;
}

.shipping-page-size-portal {
  position: fixed !important;
  z-index: 10020 !important;
  display: grid !important;
  gap: 4px !important;
  max-width: calc(100vw - 16px) !important;
  max-height: calc(100vh - 16px) !important;
  margin: 0 !important;
  padding: 7px !important;
  border: 1px solid var(--premium-line) !important;
  border-radius: 14px !important;
  background: rgba(245, 249, 255, 0.86) !important;
  box-shadow: 0 18px 48px rgba(35, 50, 76, 0.2) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
  backdrop-filter: blur(22px) saturate(1.16) !important;
  box-sizing: border-box !important;
  overflow: auto !important;
}

.shipping-page-size-portal[hidden] {
  display: none !important;
}

.shipping-page-size-portal-option {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--premium-ink) !important;
  -webkit-text-fill-color: var(--premium-ink) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.shipping-page-size-portal-option:is(:hover, :focus-visible),
.shipping-page-size-portal-option.is-selected {
  outline: none !important;
  background: rgba(23, 79, 150, 0.12) !important;
  color: var(--premium-blue) !important;
  -webkit-text-fill-color: var(--premium-blue) !important;
}

@media (max-width: 600px) {
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-standard-pager {
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 9px !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-total {
    flex: 1 0 100% !important;
    margin-right: 0 !important;
    line-height: 24px !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-pages {
    flex: 1 0 100% !important;
    flex-wrap: wrap !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pagination-jump {
    max-width: 100% !important;
  }
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-scroll {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.28) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-limit-notice {
  margin: 12px 4px 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table {
  width: 100% !important;
  min-width: 1500px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: #142033 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th {
  height: 48px !important;
  padding: 0 12px !important;
  border-bottom: 1px solid rgba(197, 208, 222, 0.44) !important;
  background: rgba(247, 249, 253, 0.78) !important;
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td {
  height: 84px !important;
  max-height: 84px !important;
  padding: 10px 12px !important;
  border-bottom: 0 !important;
  vertical-align: middle !important;
  color: #1d2a3f !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  overflow: hidden !important;
  overflow-wrap: normal !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table tbody tr:last-child {
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table tbody tr {
  height: 84px !important;
  max-height: 84px !important;
  box-shadow: inset 0 -1px 0 rgba(203, 213, 225, 0.48) !important;
  transition: background-color 0.14s ease !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table tbody tr:hover {
  background: rgba(234, 246, 249, 0.42) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(1),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(1) {
  width: 96px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(2),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(2) {
  width: 82px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(3),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(3) {
  width: 242px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(4),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(4) {
  width: 184px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(6),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(6) {
  width: 78px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(7),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(7) {
  width: 214px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(10),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10) {
  width: 228px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(12),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(12) {
  width: 76px !important;
  text-align: center !important;
  overflow: visible !important;
  position: relative !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(8),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(9),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(11) {
  overflow: visible !important;
  position: relative !important;
  z-index: 5 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:has(.shipping-clear-editable-meta-item.is-open) {
  z-index: 160 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-thumb-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-thumb {
  width: 60px !important;
  min-width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background: #101316 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-name {
  color: #111a2c !important;
  font-size: 12px !important;
  font-weight: 930 !important;
  line-height: 1.52 !important;
  overflow: hidden !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-name-stack {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-name-price {
  display: block !important;
  color: #182234 !important;
  -webkit-text-fill-color: #182234 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-identity {
  display: grid !important;
  gap: 2px !important;
  color: #25324a !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-identity span {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-identity em {
  min-width: 32px !important;
  color: #6a7485 !important;
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-identity strong {
  color: #1d2a3f !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 22px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(100, 116, 139, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(100, 116, 139, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-tag.is-metal-accessory.is-accessory-none {
  border-color: rgba(100, 116, 139, 0.18) !important;
  background: rgba(100, 116, 139, 0.1) !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-tag.is-metal-accessory.is-accessory-18k {
  border-color: rgba(202, 138, 4, 0.26) !important;
  background: rgba(250, 204, 21, 0.2) !important;
  color: #854d0e !important;
  -webkit-text-fill-color: #854d0e !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-tag.is-metal-accessory.is-accessory-s925 {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: rgba(59, 130, 246, 0.13) !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-tag.is-metal-accessory.is-accessory-other {
  border-color: rgba(13, 148, 136, 0.22) !important;
  background: rgba(20, 184, 166, 0.12) !important;
  color: #0f766e !important;
  -webkit-text-fill-color: #0f766e !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-price,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-name-price,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-qty {
  color: #101827 !important;
  font-weight: 940 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-spec {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 860 !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  overflow: hidden !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-spec-text {
  font-size: 12px !important;
  max-width: 100% !important;
  max-height: calc(1.22em * 4) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-spec .shipping-ring-text {
  max-width: 100% !important;
  display: inline !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-muted {
  color: #2d3a4f !important;
  font-weight: 780 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-detail {
  color: #182337 !important;
  font-weight: 760 !important;
  line-height: 1.56 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-action {
  height: 34px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #0c1015 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 28px rgba(12, 16, 21, 0.16) !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-title,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-title-static {
  display: block !important;
  width: 100% !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  color: #111a2c !important;
  -webkit-text-fill-color: #111a2c !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 930 !important;
  line-height: 1.52 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-thumb > span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-editable {
  display: grid !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 30px !important;
  align-items: center !important;
  position: relative !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-editable-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-editable-value {
  display: block !important;
  width: 100% !important;
  min-height: 28px !important;
  max-height: 64px !important;
  padding: 3px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #263347 !important;
  -webkit-text-fill-color: #263347 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 16px !important;
  overflow: hidden auto !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: text !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-editable-value[data-shipping-table-meta-requires-shop="true"] {
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) > .shipping-data-table-meta-shop-menu[data-shipping-meta-floating="true"] {
  position: fixed !important;
  z-index: 2147483200 !important;
  min-width: 168px !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
  display: grid !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid rgba(130, 164, 176, 0.28) !important;
  border-radius: 14px !important;
  background: rgba(244, 252, 253, 0.94) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) > .shipping-data-table-meta-shop-menu[data-shipping-meta-floating="true"][hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) > .shipping-data-table-meta-shop-menu[data-shipping-meta-floating="true"] .shipping-data-shop-action-option {
  width: 100% !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(205, 214, 226, 0.74) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  font-size: 12px !important;
  font-weight: 880 !important;
  text-align: left !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) > .shipping-data-table-meta-shop-menu[data-shipping-meta-floating="true"] .shipping-data-shop-action-option:hover {
  border-color: rgba(122, 171, 181, 0.42) !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-editable-value.is-empty::before {
  content: attr(data-placeholder) !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-editable:hover .shipping-data-table-editable-value,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-editable-value:focus {
  border-color: rgba(122, 171, 181, 0.28) !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-detail-cell .shipping-data-table-editable-value {
  max-height: 64px !important;
  white-space: pre-wrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel [data-shipping-detail-anchor] {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  max-height: 64px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel [data-shipping-detail-anchor] > [data-shipping-detail-text] {
  user-select: text !important;
  -webkit-user-select: text !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-detail-editor-trigger {
  position: absolute !important;
  right: 2px !important;
  bottom: 2px !important;
  z-index: 2 !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 19px !important;
  min-width: 19px !important;
  height: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96) 42%) !important;
  color: rgba(71, 85, 105, 0.62) !important;
  -webkit-text-fill-color: rgba(71, 85, 105, 0.62) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: 0.72 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-detail-editor-trigger[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-detail-editor-trigger:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-detail-editor-trigger:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-detail-editor-trigger:focus-visible {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
  outline: 2px solid rgba(23, 79, 150, 0.22) !important;
  outline-offset: 1px !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover {
  position: fixed !important;
  z-index: 2147483300 !important;
  display: grid !important;
  gap: 10px !important;
  width: 420px !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  max-height: 320px !important;
  padding: 12px !important;
  border: 1px solid rgba(130, 164, 176, 0.32) !important;
  border-radius: 14px !important;
  background: rgba(248, 252, 253, 0.97) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow: 0 14px 34px rgba(36, 49, 66, 0.18) !important;
  box-sizing: border-box !important;
  overflow: auto !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-header strong {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-anchor-status {
  color: #8a5a12 !important;
  -webkit-text-fill-color: #8a5a12 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-textarea {
  display: block !important;
  width: 100% !important;
  min-height: 120px !important;
  max-height: 190px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(130, 164, 176, 0.42) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #263347 !important;
  -webkit-text-fill-color: #263347 !important;
  box-sizing: border-box !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  line-height: 1.55 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  overflow: auto !important;
  resize: vertical !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-textarea:focus-visible {
  border-color: rgba(23, 79, 150, 0.58) !important;
  box-shadow: 0 0 0 3px rgba(23, 79, 150, 0.12) !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-status {
  min-height: 0 !important;
  margin: 0 !important;
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-status:empty {
  display: none !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-confirm {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 8px 9px !important;
  border-radius: 10px !important;
  background: rgba(255, 247, 237, 0.92) !important;
  color: #7c2d12 !important;
  -webkit-text-fill-color: #7c2d12 !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-confirm[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-confirm > div,
html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover .shipping-detail-editor-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover button {
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover button.is-primary {
  border-color: #172033 !important;
  background: #172033 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body:not(.is-dashboard-login-page) > .shipping-detail-editor-popover button:disabled {
  cursor: wait !important;
  opacity: 0.55 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-action-cell .shipping-clear-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-action-cell .shipping-clear-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #0c1015 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 28px rgba(12, 16, 21, 0.16) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-action-cell {
  gap: 6px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-action-cell .shipping-exchange-workflow-status {
  max-width: 112px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-order-no-stack .shipping-order-exchange-status,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-order-no-stack .shipping-order-exchange-waybill {
  align-self: flex-start !important;
  margin-top: 2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-action-cell .shipping-data-action-disabled {
  cursor: not-allowed !important;
  opacity: 0.45 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-shop-action {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-shop-action-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 80 !important;
  min-width: 126px !important;
  max-width: 180px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid rgba(205, 214, 226, 0.82) !important;
  border-radius: 14px !important;
  background: rgba(248, 253, 255, 0.88) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
  backdrop-filter: blur(14px) saturate(1.12) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-meta-shop-menu {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 180 !important;
  min-width: 136px !important;
  max-width: 200px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid rgba(205, 214, 226, 0.82) !important;
  border-radius: 14px !important;
  background: rgba(248, 253, 255, 0.9) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
  backdrop-filter: blur(14px) saturate(1.12) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-shop-action-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table-meta-shop-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-shop-action-option {
  width: 100% !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(205, 214, 226, 0.74) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  font-size: 12px !important;
  font-weight: 880 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-shop-action-option:hover {
  border-color: rgba(122, 171, 181, 0.42) !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

.order-detail-shop-filter-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 148px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(17, 24, 39, 0.28) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.50) !important;
  color: #243143 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
  backdrop-filter: blur(16px) saturate(1.14) !important;
  cursor: pointer !important;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease !important;
}

.order-detail-shop-filter-button:hover,
.order-detail-shop-filter-button:focus-visible {
  border-color: #111820 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #111820 !important;
  outline: none !important;
}

.order-detail-shop-filter-button.is-active {
  border-color: #0b0f14 !important;
  background: #0b0f14 !important;
  color: #ffffff !important;
}

.order-detail-product-filter-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 62px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(17, 24, 39, 0.42) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.54) !important;
  color: #111820 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
  backdrop-filter: blur(16px) saturate(1.14) !important;
  cursor: pointer !important;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease !important;
}

.order-detail-product-filter-button:hover:not(:disabled),
.order-detail-product-filter-button:focus-visible:not(:disabled) {
  border-color: #111820 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #111820 !important;
  outline: none !important;
}

.order-detail-product-filter-button.is-active {
  border-color: #0b0f14 !important;
  background: #0b0f14 !important;
  color: #ffffff !important;
}

.order-detail-product-filter-button:disabled {
  color: #9aa6b2 !important;
  background: #f8fafc !important;
  cursor: not-allowed !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .shipping-table-wrap {
  border-color: rgba(203, 213, 225, 0.68) !important;
  background: rgba(241, 248, 250, 0.34) !important;
  padding: 8px !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.20) !important;
  backdrop-filter: blur(22px) saturate(1.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.66),
    0 12px 34px rgba(15, 23, 42, 0.08) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table {
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table th {
  height: 28px !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(40, 55, 74, 0.72) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.10) !important;
  backdrop-filter: blur(14px) saturate(1.10) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table td {
  border: 0 !important;
  border-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -1px 0 rgba(148, 163, 184, 0.08) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr:nth-child(even) td {
  background: rgba(231, 246, 249, 0.28) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr td:first-child {
  border-radius: 14px 0 0 14px !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr td:last-child {
  border-radius: 0 14px 14px 0 !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.56) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .empty-state {
  background: rgba(255, 255, 255, 0.38) !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel {
  display: grid !important;
  grid-template-rows: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  position: relative !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .orders-toolbar {
  grid-row: 1 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  overflow: visible !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .orders-ewaybill-workbench.is-open {
  position: relative !important;
  align-items: stretch !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel.order-drawer-ewaybill-panel {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(380px, 100%) !important;
  height: 100% !important;
  transform: none !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-quality-config-card {
  display: grid !important;
  grid-template-rows: 20px minmax(0, 1fr) !important;
  align-content: stretch !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-quality-config-card > .ewaybill-print-config-head {
  grid-row: 1 !important;
  height: 20px !important;
  min-height: 20px !important;
  overflow: hidden !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-quality-config-grid {
  grid-row: 2 !important;
  align-self: start !important;
  min-height: 0 !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-quality-config-card .ewaybill-quality-field:has([data-ewaybill-glass-select]) {
  display: block !important;
  position: relative !important;
  height: 63.391px !important;
  min-height: 63.391px !important;
  padding: 0 !important;
  overflow: visible !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-quality-config-card .ewaybill-quality-field [data-ewaybill-glass-select] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 21.391px !important;
  width: 100% !important;
  min-width: 0 !important;
}
/* order detail drawer frosted overlay final layer end */

/* order detail drawer entrance performance start */
.detail-drawer {
  will-change: transform, opacity !important;
  backface-visibility: hidden !important;
  contain: layout paint !important;
}

#detailBackdrop.detail-backdrop.is-entering,
#detailDrawer.is-orders-mode.is-entering .detail-drawer-inner,
#detailDrawer.is-orders-mode.is-entering .drawer-orders-panel .panel-tip,
#detailDrawer.is-orders-mode.is-entering .drawer-orders-panel .ghost-button,
#detailDrawer.is-orders-mode.is-entering .drawer-orders-panel .shipping-table-wrap,
#detailDrawer.is-orders-mode.is-entering .drawer-orders-panel .orders-table th {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#detailDrawer.is-orders-mode.is-entering .detail-drawer-inner {
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18) !important;
}

#detailBackdrop.detail-backdrop.is-entering {
  background: rgba(15, 23, 42, 0.16) !important;
}
/* order detail drawer entrance performance end */

/* order drawer ewaybill interaction performance start */
#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel.order-drawer-ewaybill-panel {
  overflow: hidden auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overflow-anchor: none !important;
  scroll-behavior: auto !important;
  scrollbar-gutter: stable !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .shipping-table-wrap,
#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .orders-table th,
#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-glass-select-button,
#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-glass-select-menu {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .shipping-table-wrap {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .orders-table th {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .orders-table tbody tr,
#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .orders-table tbody tr *,
#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-glass-select-button,
#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-glass-select-option {
  transition: none !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .orders-table tbody tr * {
  transition: none !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open .drawer-orders-panel .orders-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.54) !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-glass-select-menu {
  background: rgba(248, 252, 253, 0.96) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}
/* order drawer ewaybill interaction performance end */

/* order drawer ewaybill scroll performance start */
#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel.order-drawer-ewaybill-panel {
  will-change: scroll-position !important;
  contain: layout style !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-print-body {
  contain: layout style !important;
}

#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-quality-config-card,
#detailDrawer.is-orders-mode.is-ewaybill-panel-open #orderDrawerEwaybillPanel .ewaybill-print-config-card {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  contain: layout style !important;
}
/* order drawer ewaybill scroll performance end */

/* dashboard glass cards final layer start */
body[data-main-view="overview"] #companyOverviewPanel.company-performance-panel,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card {
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.52), rgba(225, 246, 249, 0.30) 58%, rgba(255, 247, 247, 0.24)),
    rgba(255, 255, 255, 0.36) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.18) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
  box-shadow:
    0 20px 50px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
  border-radius: 10px !important;
  overflow: hidden !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card {
  border-radius: 10px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric {
  background: transparent !important;
  border-right-color: rgba(148, 163, 184, 0.22) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric:last-child {
  border-right: 0 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon {
  background: rgba(39, 113, 80, 0.90) !important;
  box-shadow:
    0 14px 30px rgba(39, 113, 80, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-date,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-export,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button {
  border: 1px solid rgba(255, 255, 255, 0.76) !important;
  background: rgba(255, 255, 255, 0.56) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  box-shadow:
    0 8px 20px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button:hover,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button:focus-visible,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-date:hover,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-date:focus-visible {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.88) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .company-trend-chart,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-funnel,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-profile,
body[data-main-view="overview"] #companyOverviewPanel .company-hot-list,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-live-ranking,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-region,
body[data-main-view="overview"] #companyOverviewPanel .company-crowd-attribute-share {
  background: transparent !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard .empty-state,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-profile-empty,
body[data-main-view="overview"] #companyOverviewPanel .company-hot-empty,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-empty {
  border: 1px dashed rgba(203, 213, 225, 0.58) !important;
  background: rgba(255, 255, 255, 0.32) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}
/* dashboard glass cards final layer end */

/* dashboard glass polish layer start */
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: rgba(38, 104, 79, 0.92) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon svg,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon svg * {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head .channel-dashboard-live-more {
  min-width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button:hover,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button:focus-visible,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head .channel-dashboard-live-more:hover,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head .channel-dashboard-live-more:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  color: #0f766e !important;
  -webkit-text-fill-color: #0f766e !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .company-crowd-head-tabs {
  gap: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-main-view="overview"] #companyOverviewPanel .company-crowd-head-tabs button {
  min-width: 0 !important;
  height: auto !important;
  padding: 0 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: rgba(17, 24, 39, 0.70) !important;
  -webkit-text-fill-color: rgba(17, 24, 39, 0.70) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .company-crowd-head-tabs button.is-active {
  background: transparent !important;
  color: #0f766e !important;
  -webkit-text-fill-color: #0f766e !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom {
  grid-template-columns:
    minmax(520px, calc((100% - 42px) * 0.36))
    minmax(380px, calc((100% - 42px) * 0.30))
    minmax(220px, calc((100% - 42px) * 0.16))
    minmax(240px, calc((100% - 42px) * 0.18)) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-head,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row {
  grid-template-columns: minmax(74px, 1fr) 54px 56px 34px 46px 42px !important;
  column-gap: 5px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-account-cell {
  min-width: 0 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-account-cell strong {
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-head span:nth-child(n + 2),
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row .channel-dashboard-live-watch,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row b,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row em,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row i,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row small {
  font-size: 11.5px !important;
  letter-spacing: 0 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-region-head,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-region-row {
  grid-template-columns: 18px minmax(52px, 1fr) 56px 42px !important;
  column-gap: 5px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-region-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-region-head span,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-region-row b,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-region-row em {
  font-size: 11.5px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
/* dashboard glass polish layer end */

/* funds transparent header final layer start */
html body:not(.is-dashboard-login-page) #fundsSection.funds-premium-panel {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px 28px 56px !important;
  align-items: stretch !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-hero {
  align-items: flex-start !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-kicker {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-title h3 {
  margin: 0 0 12px !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-title .panel-tip {
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  html body:not(.is-dashboard-login-page) #fundsSection.funds-premium-panel {
    min-width: 0 !important;
  }

  html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-shell {
    padding: 20px 18px 38px !important;
  }
}
/* funds transparent header final layer end */

/* dashboard material icon segmented cards layer start */
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(136px, 1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-segment-card {
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 20px 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.50) !important;
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, 0.64), rgba(232, 247, 249, 0.34) 62%, rgba(255, 248, 248, 0.24)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  backdrop-filter: blur(22px) saturate(1.14) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric {
  border-right: 0 !important;
  align-items: center !important;
  gap: 16px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview-icon {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #191c1d !important;
  -webkit-text-fill-color: #191c1d !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon svg,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview-icon svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon svg *,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview-icon svg * {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  vector-effect: non-scaling-stroke !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-content {
  min-width: 0 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-content p {
  margin: 0 0 8px !important;
  color: rgba(17, 24, 39, 0.82) !important;
  letter-spacing: 0 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-content strong {
  color: #05070a !important;
  letter-spacing: 0 !important;
}

@media (max-width: 1500px) {
  body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-segment-card {
    min-height: 102px !important;
    padding: 18px !important;
  }
}
/* dashboard material icon segmented cards layer end */

/* dashboard metric balance final layer start */
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
  grid-template-columns: minmax(120px, 0.72fr) repeat(5, minmax(140px, 1fr)) minmax(210px, 1.38fr) !important;
  align-items: stretch !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-content {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  gap: 8px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-label {
  display: inline-flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-label > span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview {
  min-height: 104px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric.is-gpm {
  min-height: 118px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric.is-gpm .channel-dashboard-metric-label {
  white-space: normal !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview-icon {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  margin: 0 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-icon svg,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview-icon svg {
  width: 20px !important;
  height: 20px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-content strong {
  margin: 0 !important;
  text-align: center !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button:hover,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head button:focus-visible,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head .channel-dashboard-live-more:hover,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-card-head .channel-dashboard-live-more:focus-visible {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-decoration-color: #111827 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .company-profile-tabs button,
body[data-main-view="overview"] #companyOverviewPanel .company-crowd-head-tabs button,
body[data-main-view="overview"] #companyOverviewPanel .company-profile-tabs button:hover,
body[data-main-view="overview"] #companyOverviewPanel .company-crowd-head-tabs button:hover,
body[data-main-view="overview"] #companyOverviewPanel .company-profile-tabs button:focus-visible,
body[data-main-view="overview"] #companyOverviewPanel .company-crowd-head-tabs button:focus-visible,
body[data-main-view="overview"] #companyOverviewPanel .company-profile-tabs button.is-active,
body[data-main-view="overview"] #companyOverviewPanel .company-crowd-head-tabs button.is-active {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

@media (max-width: 1500px) {
  body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* dashboard metric balance final layer end */

/* dashboard kpi full glass card v362 start */
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
  overflow: visible !important;
  padding: 1px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-segment-card,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background-clip: padding-box !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10) !important;
  isolation: isolate !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-segment-card::before,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-segment-card::after,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview::before,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-overview::after {
  content: none !important;
  display: none !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-segment-card:first-child,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metric-segment-card:last-child {
  border-radius: 22px !important;
}

@media (max-width: 1500px) {
  body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-metrics {
    grid-template-columns: repeat(auto-fit, minmax(156px, 1fr)) !important;
    gap: 14px !important;
  }
}
/* dashboard kpi full glass card v362 end */

/* dashboard ranking date balance layer start */
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-head,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row {
  grid-template-columns: minmax(88px, 0.72fr) minmax(76px, 0.82fr) minmax(82px, 0.88fr) minmax(46px, 0.50fr) minmax(62px, 0.62fr) minmax(58px, 0.56fr) !important;
  column-gap: 8px !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-account-cell {
  min-width: 0 !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-head span,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row .channel-dashboard-live-watch,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row b,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row em,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row i,
body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-bottom .channel-dashboard-live-row small {
  min-width: 0 !important;
  white-space: nowrap !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-date {
  border-radius: 14px !important;
  overflow: hidden !important;
}

body[data-main-view="overview"] #companyOverviewPanel .channel-dashboard-date span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
}
/* dashboard ranking date balance layer end */

/* sidebar account dock stability layer start */
body:not(.is-dashboard-login-page) #sidebarAccountDock.sidebar-account-dock {
  width: var(--premium-sidebar-width, 216px) !important;
  min-width: var(--premium-sidebar-width, 216px) !important;
  max-width: var(--premium-sidebar-width, 216px) !important;
  height: 112px !important;
  bottom: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  font-synthesis: none !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#sidebarAccountDock .premium-sidebar-account-inner {
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
  height: 102px !important;
  display: grid !important;
  grid-template-rows: 42px 50px !important;
  gap: 10px !important;
  align-content: end !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-synthesis: none !important;
  letter-spacing: 0 !important;
}

#sidebarAccountDock .premium-sidebar-settings-button,
#sidebarAccountDock .premium-sidebar-settings-button:hover,
#sidebarAccountDock .premium-sidebar-settings-button:focus,
#sidebarAccountDock .premium-sidebar-settings-button:focus-visible,
#sidebarAccountDock .premium-sidebar-settings-button:active,
#sidebarAccountDock .premium-sidebar-settings-button.is-active,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:hover,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:focus,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:focus-visible,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:active {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
  filter: none !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  font-synthesis: none !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}

#sidebarAccountDock .premium-sidebar-settings-button,
#sidebarAccountDock .premium-sidebar-settings-button:hover,
#sidebarAccountDock .premium-sidebar-settings-button:focus,
#sidebarAccountDock .premium-sidebar-settings-button:focus-visible,
#sidebarAccountDock .premium-sidebar-settings-button:active {
  background: transparent !important;
  box-shadow: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#sidebarAccountDock .premium-sidebar-settings-button.is-active,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:hover,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:focus,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:focus-visible,
#sidebarAccountDock .premium-sidebar-settings-button.is-active:active {
  background: #0f1114 !important;
  box-shadow: 0 14px 34px rgba(15, 17, 20, 0.18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#sidebarAccountDock .premium-sidebar-settings-icon,
#sidebarAccountDock .premium-sidebar-settings-label,
#sidebarAccountDock .premium-sidebar-settings-button:hover .premium-sidebar-settings-icon,
#sidebarAccountDock .premium-sidebar-settings-button:hover .premium-sidebar-settings-label,
#sidebarAccountDock .premium-sidebar-settings-button:focus-visible .premium-sidebar-settings-icon,
#sidebarAccountDock .premium-sidebar-settings-button:focus-visible .premium-sidebar-settings-label,
#sidebarAccountDock .premium-sidebar-settings-button:active .premium-sidebar-settings-icon,
#sidebarAccountDock .premium-sidebar-settings-button:active .premium-sidebar-settings-label {
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  font-synthesis: none !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

#sidebarAccountDock .premium-sidebar-settings-icon,
#sidebarAccountDock .premium-sidebar-settings-icon svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex: 0 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  stroke-width: 2 !important;
  transform: none !important;
}

#sidebarAccountDock .sidebar-account,
#sidebarAccountDock .sidebar-account:hover,
#sidebarAccountDock .sidebar-account:focus,
#sidebarAccountDock .sidebar-account:focus-visible,
#sidebarAccountDock .sidebar-account:active {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f3f4f5 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  font-synthesis: none !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  cursor: pointer !important;
}

#sidebarAccountDock .sidebar-account-avatar,
#sidebarAccountDock .sidebar-account:hover .sidebar-account-avatar,
#sidebarAccountDock .sidebar-account:focus-visible .sidebar-account-avatar,
#sidebarAccountDock .sidebar-account:active .sidebar-account-avatar {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

#sidebarAccountDock .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:active .premium-sidebar-account-summary {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 2px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  overflow: hidden !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-synthesis: none !important;
  letter-spacing: 0 !important;
}

#sidebarAccountDock .premium-sidebar-account-name,
#sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-name,
#sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-name,
#sidebarAccountDock .sidebar-account:active .premium-sidebar-account-name {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  font-synthesis: none !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

#sidebarAccountDock .premium-sidebar-account-role,
#sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-role,
#sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-role,
#sidebarAccountDock .sidebar-account:active .premium-sidebar-account-role {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #8e9196 !important;
  -webkit-text-fill-color: #8e9196 !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

#sidebarAccountDock .premium-sidebar-logout-icon,
#sidebarAccountDock .premium-sidebar-logout-icon svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
  transform: none !important;
}
/* sidebar account dock stability layer end */

/* sidebar settings dock hover candidate layer start */
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:not(.is-active):hover,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:not(.is-active):focus-visible {
  border-color: transparent !important;
  background: rgba(255, 255, 255, 0.58) !important;
  background-color: rgba(255, 255, 255, 0.58) !important;
  background-image: none !important;
  outline: none !important;
  box-shadow: 0 12px 24px rgba(17, 20, 24, 0.08) !important;
  color: #1f2933 !important;
  -webkit-text-fill-color: #1f2933 !important;
}

html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:not(.is-active):hover *,
html body:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-settings-button:not(.is-active):focus-visible * {
  color: #1f2933 !important;
  -webkit-text-fill-color: #1f2933 !important;
  stroke: currentColor !important;
}
/* sidebar settings dock hover candidate layer end */

/* dami sidebar settings dock alignment fix start */
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock.sidebar-account-dock {
  width: var(--premium-sidebar-width, 216px) !important;
  min-width: var(--premium-sidebar-width, 216px) !important;
  max-width: var(--premium-sidebar-width, 216px) !important;
  justify-content: center !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner.premium-sidebar-account-inner-dami {
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
  display: grid !important;
  grid-template-rows: 42px 50px !important;
  gap: 10px !important;
  align-content: end !important;
  justify-items: stretch !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button:hover,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button:focus,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button:focus-visible,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button:active,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button.is-active,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button.is-active:hover,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button.is-active:focus,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button.is-active:focus-visible,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-button.is-active:active {
  position: static !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-icon,
html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-icon svg {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body[data-dashboard-workspace="dami"]:not(.is-dashboard-login-page) #sidebarAccountDock .premium-sidebar-account-inner-dami .premium-sidebar-settings-label {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  overflow: visible !important;
}
/* dami sidebar settings dock alignment fix end */

/* sidebar account dock full name layer start */
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:hover,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:focus,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:focus-visible,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:active,
#sidebarAccountDock .sidebar-account,
#sidebarAccountDock .sidebar-account:hover,
#sidebarAccountDock .sidebar-account:focus,
#sidebarAccountDock .sidebar-account:focus-visible,
#sidebarAccountDock .sidebar-account:active {
  position: relative !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  justify-items: start !important;
}

#sidebarAccountDock .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:active .premium-sidebar-account-summary {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#sidebarAccountDock .premium-sidebar-logout-icon,
#sidebarAccountDock .premium-sidebar-logout-icon svg {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}
/* sidebar account dock full name layer end */

/* sidebar account dock typography parity layer start */
#sidebarAccountDock .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-summary,
#sidebarAccountDock .sidebar-account:active .premium-sidebar-account-summary,
body[data-main-view="shipping"] #sidebarAccountDock .premium-sidebar-account-summary,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-summary,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-summary,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:active .premium-sidebar-account-summary {
  box-sizing: border-box !important;
  padding-right: 24px !important;
}

body[data-main-view="shipping"] #sidebarAccountDock .premium-sidebar-account-name,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-name,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-name,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:active .premium-sidebar-account-name,
#sidebarAccountDock .premium-sidebar-account-name,
#sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-name,
#sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-name,
#sidebarAccountDock .sidebar-account:active .premium-sidebar-account-name {
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  font-synthesis: none !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

body[data-main-view="shipping"] #sidebarAccountDock .premium-sidebar-account-role,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-role,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-role,
body[data-main-view="shipping"] #sidebarAccountDock .sidebar-account:active .premium-sidebar-account-role,
#sidebarAccountDock .premium-sidebar-account-role,
#sidebarAccountDock .sidebar-account:hover .premium-sidebar-account-role,
#sidebarAccountDock .sidebar-account:focus-visible .premium-sidebar-account-role,
#sidebarAccountDock .sidebar-account:active .premium-sidebar-account-role {
  color: #8e9196 !important;
  -webkit-text-fill-color: #8e9196 !important;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}
/* sidebar account dock typography parity layer end */

/* funds detail navigation override start */
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table .funds-row-action,
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table .funds-row-action:hover,
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table .funds-row-action:focus,
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table .funds-row-action:focus-visible,
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table .funds-row-action:active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 62px !important;
  height: 36px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111418 !important;
  background-color: #111418 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table .funds-row-action:hover,
html body:not(.is-dashboard-login-page) #fundsSection .funds-premium-table .funds-row-action:focus-visible {
  background: #25292d !important;
  background-color: #25292d !important;
  box-shadow: none !important;
}
/* funds detail navigation override end */

/* funds standalone detail page start */
html body.funds-detail-page {
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  color: #191c1d !important;
  background:
    radial-gradient(ellipse 54vw 38vh at 72vw 4vh, rgba(164, 225, 229, 0.64), transparent 72%),
    radial-gradient(ellipse 42vw 50vh at 8vw 10vh, rgba(223, 226, 249, 0.78), transparent 74%),
    linear-gradient(115deg, #f4f7ff 0%, #eef8fb 47%, #fff6f5 100%) !important;
}

html body.funds-detail-page .funds-detail-shell {
  width: min(1480px, calc(100vw - 64px)) !important;
  margin: 0 auto !important;
  padding: 44px 0 72px !important;
}

html body.funds-detail-page .funds-detail-hero {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 28px !important;
  margin-bottom: 34px !important;
}

html body.funds-detail-page .funds-detail-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-bottom: 14px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: #191c1d !important;
  -webkit-text-fill-color: #191c1d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.funds-detail-page .funds-detail-hero h1 {
  margin: 0 !important;
  color: #151719 !important;
  -webkit-text-fill-color: #151719 !important;
  font-size: 46px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

html body.funds-detail-page .funds-detail-hero p {
  margin: 12px 0 0 !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 15px !important;
}

html body.funds-detail-page .funds-detail-refresh {
  min-width: 116px !important;
  height: 46px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111418 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body.funds-detail-page .funds-detail-refresh:disabled {
  opacity: 0.58 !important;
  cursor: wait !important;
}

html body.funds-detail-page .funds-detail-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 28px !important;
}

html body.funds-detail-page .funds-detail-summary-card,
html body.funds-detail-page .funds-withdraw-records,
html body.funds-detail-page .funds-detail-ledger {
  border: 1px solid rgba(255, 255, 255, 0.66) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow: 0 20px 60px rgba(20, 23, 24, 0.08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body.funds-detail-page .funds-detail-summary-card {
  min-height: 104px !important;
  padding: 22px 24px !important;
  border-radius: 18px !important;
}

html body.funds-detail-page .funds-detail-summary-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

html body.funds-detail-page .funds-detail-summary-card span {
  display: block !important;
  margin-bottom: 12px !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.funds-detail-page .funds-detail-summary-card-head span {
  margin-bottom: 0 !important;
}

html body.funds-detail-page .funds-detail-summary-card-value {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html body.funds-detail-page .funds-detail-withdraw-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body.funds-detail-page .funds-detail-withdraw-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 68px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111418 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

html body.funds-detail-page .funds-detail-withdraw-button.is-secondary {
  min-width: 88px !important;
  background: rgba(17, 20, 24, 0.9) !important;
}

html body.funds-detail-page .funds-detail-withdraw-button:hover,
html body.funds-detail-page .funds-detail-withdraw-button:focus-visible {
  background: #000000 !important;
  box-shadow: none !important;
  outline: none !important;
}

html body.funds-detail-page .funds-detail-summary-card strong {
  color: #151719 !important;
  -webkit-text-fill-color: #151719 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

html body.funds-detail-page .funds-detail-ledger {
  overflow: hidden !important;
  border-radius: 22px !important;
}

html body.funds-detail-page .funds-withdraw-records {
  overflow: hidden !important;
  border-radius: 22px !important;
  margin-bottom: 28px !important;
}

html body.funds-detail-page .funds-withdraw-records[hidden] {
  display: none !important;
}

html body.funds-detail-page .funds-withdraw-record-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 24px 34px !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.42) !important;
}

html body.funds-detail-page .funds-withdraw-record-header p {
  margin: 0 0 6px !important;
  color: #5f686e !important;
  -webkit-text-fill-color: #5f686e !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.funds-detail-page .funds-withdraw-record-header h2 {
  margin: 0 0 6px !important;
  color: #151719 !important;
  -webkit-text-fill-color: #151719 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

html body.funds-detail-page .funds-withdraw-record-header span {
  color: #6f7377 !important;
  -webkit-text-fill-color: #6f7377 !important;
  font-size: 13px !important;
}

html body.funds-detail-page .funds-withdraw-record-toolbar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

html body.funds-detail-page .funds-withdraw-record-refresh {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111418 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

html body.funds-detail-page .funds-withdraw-record-refresh:disabled {
  opacity: 0.58 !important;
  cursor: wait !important;
}

html body.funds-detail-page .funds-withdraw-record-table-wrap {
  overflow-x: auto !important;
}

html body.funds-detail-page .funds-withdraw-record-table {
  width: 100% !important;
  min-width: 960px !important;
  border-collapse: collapse !important;
}

html body.funds-detail-page .funds-withdraw-record-table th,
html body.funds-detail-page .funds-withdraw-record-table td {
  padding: 15px 22px !important;
  text-align: right !important;
  white-space: nowrap !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.34) !important;
}

html body.funds-detail-page .funds-withdraw-record-table th {
  background: rgba(248, 250, 252, 0.68) !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.funds-detail-page .funds-withdraw-record-table td {
  color: #191c1d !important;
  -webkit-text-fill-color: #191c1d !important;
  font-size: 13px !important;
}

html body.funds-detail-page .funds-withdraw-record-table th:first-child,
html body.funds-detail-page .funds-withdraw-record-table td:first-child {
  text-align: left !important;
  padding-left: 34px !important;
}

html body.funds-detail-page .funds-withdraw-record-table th:nth-child(3),
html body.funds-detail-page .funds-withdraw-record-table td:nth-child(3) {
  width: 92px !important;
  text-align: center !important;
}

html body.funds-detail-page .funds-withdraw-record-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html body.funds-detail-page .funds-withdraw-record-status.is-pending {
  background: #e8eef5 !important;
  color: #364250 !important;
  -webkit-text-fill-color: #364250 !important;
}

html body.funds-detail-page .funds-withdraw-record-status.is-success {
  background: #d7f8df !important;
  color: #176b34 !important;
  -webkit-text-fill-color: #176b34 !important;
}

html body.funds-detail-page .funds-withdraw-record-status.is-error {
  background: #fee7c3 !important;
  color: #9a5c00 !important;
  -webkit-text-fill-color: #9a5c00 !important;
}

html body.funds-detail-page .funds-withdraw-record-empty {
  padding: 22px 34px !important;
  color: #687177 !important;
  -webkit-text-fill-color: #687177 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html body.funds-detail-page .funds-withdraw-record-empty.is-error {
  color: #9a5c00 !important;
  -webkit-text-fill-color: #9a5c00 !important;
}

html body.funds-detail-page .funds-detail-daily-ledger {
  margin-top: 28px !important;
}

html body.funds-detail-page .funds-detail-ledger-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 28px 34px !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.42) !important;
}

html body.funds-detail-page .funds-detail-ledger-header h2 {
  margin: 0 !important;
  color: #151719 !important;
  -webkit-text-fill-color: #151719 !important;
  font-size: 26px !important;
  font-weight: 950 !important;
}

html body.funds-detail-page .funds-detail-ledger-header span {
  color: #6f7377 !important;
  -webkit-text-fill-color: #6f7377 !important;
  font-size: 13px !important;
}

html body.funds-detail-page .funds-detail-table-wrap {
  overflow-x: auto !important;
}

html body.funds-detail-page .funds-detail-table {
  width: 100% !important;
  min-width: 1180px !important;
  border-collapse: collapse !important;
}

html body.funds-detail-page .funds-detail-table th,
html body.funds-detail-page .funds-detail-table td {
  padding: 18px 22px !important;
  text-align: right !important;
  white-space: nowrap !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.34) !important;
}

html body.funds-detail-page .funds-detail-table th {
  background: rgba(248, 250, 252, 0.68) !important;
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.funds-detail-page .funds-detail-table td {
  color: #191c1d !important;
  -webkit-text-fill-color: #191c1d !important;
  font-size: 14px !important;
}

html body.funds-detail-page .funds-detail-table th:first-child,
html body.funds-detail-page .funds-detail-table td:first-child {
  text-align: left !important;
  padding-left: 34px !important;
}

html body.funds-detail-page .funds-detail-table tr.is-selected td {
  background: rgba(235, 248, 249, 0.68) !important;
}

html body.funds-detail-page .funds-detail-table td:first-child strong,
html body.funds-detail-page .funds-detail-table td:first-child span {
  display: block !important;
}

html body.funds-detail-page .funds-detail-table td:first-child span {
  margin-top: 4px !important;
  color: #76777a !important;
  -webkit-text-fill-color: #76777a !important;
  font-size: 12px !important;
}

html body.funds-detail-page .funds-detail-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html body.funds-detail-page .funds-detail-status.is-ok {
  background: #d7f8df !important;
  color: #176b34 !important;
  -webkit-text-fill-color: #176b34 !important;
}

html body.funds-detail-page .funds-detail-status.is-error {
  background: #fee7c3 !important;
  color: #9a5c00 !important;
  -webkit-text-fill-color: #9a5c00 !important;
}

html body.funds-detail-page .funds-detail-day-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #111418 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body.funds-detail-page .funds-detail-chevron {
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid #ffffff !important;
  transform: none !important;
  transition: transform 0.18s ease !important;
}

html body.funds-detail-page .funds-detail-day-action:hover,
html body.funds-detail-page .funds-detail-day-action:focus-visible,
html body.funds-detail-page .funds-detail-day-action.is-active {
  background: #25292d !important;
  box-shadow: none !important;
}

html body.funds-detail-page .funds-detail-day-action.is-active .funds-detail-chevron {
  transform: rotate(180deg) !important;
}

html body.funds-detail-page .funds-detail-day-action:disabled {
  opacity: 0.42 !important;
  cursor: not-allowed !important;
}

html body.funds-detail-page .funds-detail-daily-inline-row td {
  padding: 0 !important;
  background: rgba(241, 248, 249, 0.72) !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.34) !important;
  text-align: left !important;
}

html body.funds-detail-page .funds-detail-daily-inline-clip {
  display: block !important;
  overflow: hidden !important;
  max-height: 2200px !important;
  opacity: 1 !important;
  transform: translateY(0) scaleY(1) !important;
  transform-origin: top center !important;
  transition: max-height 0.38s cubic-bezier(0.21, 0.82, 0.32, 1), opacity 0.28s ease, transform 0.38s cubic-bezier(0.21, 0.82, 0.32, 1) !important;
  will-change: max-height, opacity, transform !important;
}

html body.funds-detail-page .funds-detail-daily-inline-row.is-opening .funds-detail-daily-inline-clip,
html body.funds-detail-page .funds-detail-daily-inline-row.is-closing .funds-detail-daily-inline-clip {
  max-height: 0 !important;
  opacity: 0 !important;
  transform: translateY(-12px) scaleY(0.97) !important;
}

html body.funds-detail-page .funds-detail-daily-inline-row.is-open .funds-detail-daily-inline-clip {
  max-height: 2200px !important;
  opacity: 1 !important;
  transform: translateY(0) scaleY(1) !important;
}

html body.funds-detail-page .funds-detail-daily-inline-row.is-closing .funds-detail-daily-inline-clip {
  pointer-events: none !important;
}

html body.funds-detail-page .funds-detail-daily-inline-panel {
  min-height: 0 !important;
  padding: 18px 28px 24px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(238, 248, 249, 0.56)) !important;
}

html body.funds-detail-page .funds-detail-daily-inline-header {
  margin-bottom: 14px !important;
  color: #5f666a !important;
  -webkit-text-fill-color: #5f666a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body.funds-detail-page .funds-detail-inline-daily-table {
  width: 100% !important;
  min-width: 1080px !important;
  border-collapse: collapse !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.54) !important;
}

html body.funds-detail-page .funds-detail-inline-daily-table th,
html body.funds-detail-page .funds-detail-inline-daily-table td {
  padding: 13px 18px !important;
  text-align: right !important;
  white-space: nowrap !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.28) !important;
  background: transparent !important;
}

html body.funds-detail-page .funds-detail-inline-daily-table th {
  color: #5b5f63 !important;
  -webkit-text-fill-color: #5b5f63 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.funds-detail-page .funds-detail-inline-daily-table td {
  color: #191c1d !important;
  -webkit-text-fill-color: #191c1d !important;
  font-size: 13px !important;
}

html body.funds-detail-page .funds-detail-inline-daily-table th:first-child,
html body.funds-detail-page .funds-detail-inline-daily-table td:first-child {
  text-align: left !important;
}

html body.funds-detail-page .funds-detail-inline-daily-table th:last-child,
html body.funds-detail-page .funds-detail-inline-daily-table td:last-child {
  width: 74px !important;
  text-align: center !important;
}

html body.funds-detail-page .funds-detail-inline-daily-table td:last-child .funds-detail-status {
  margin: 0 auto !important;
}

html body.funds-detail-page .funds-detail-inline-empty {
  padding: 18px 20px !important;
  border: 1px dashed rgba(148, 163, 184, 0.5) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  color: #687177 !important;
  -webkit-text-fill-color: #687177 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html body.funds-detail-page .funds-detail-empty {
  margin: 28px !important;
}

html body.funds-detail-page .funds-withdraw-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 30000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

html body.funds-detail-page .funds-withdraw-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(10, 12, 16, 0.24) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

html body.funds-detail-page .funds-withdraw-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(460px, calc(100vw - 36px)) !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.18) !important;
  backdrop-filter: blur(24px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.12) !important;
  padding: 22px !important;
}

html body.funds-detail-page .funds-withdraw-record-panel {
  width: min(980px, calc(100vw - 40px)) !important;
  max-height: calc(100vh - 56px) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.funds-detail-page .funds-withdraw-record-panel .funds-withdraw-record-table-wrap {
  max-height: min(560px, calc(100vh - 190px)) !important;
  overflow: auto !important;
}

html body.funds-detail-page .funds-withdraw-header,
html body.funds-detail-page .funds-withdraw-actions,
html body.funds-detail-page .funds-withdraw-operator {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

html body.funds-detail-page .funds-withdraw-header p {
  margin: 0 0 6px !important;
  color: #5f686e !important;
  -webkit-text-fill-color: #5f686e !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.funds-detail-page .funds-withdraw-header h2 {
  margin: 0 !important;
  color: #121417 !important;
  -webkit-text-fill-color: #121417 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
}

html body.funds-detail-page .funds-withdraw-close {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(17, 20, 24, 0.08) !important;
  color: #14171a !important;
  -webkit-text-fill-color: #14171a !important;
  font-size: 20px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

html body.funds-detail-page .funds-withdraw-balance {
  display: grid !important;
  gap: 8px !important;
  margin: 22px 0 18px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(226, 232, 240, 0.82) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.54) !important;
}

html body.funds-detail-page .funds-withdraw-balance span,
html body.funds-detail-page .funds-withdraw-field span,
html body.funds-detail-page .funds-withdraw-operator span {
  color: #5d666c !important;
  -webkit-text-fill-color: #5d666c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.funds-detail-page .funds-withdraw-balance strong {
  color: #121417 !important;
  -webkit-text-fill-color: #121417 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

html body.funds-detail-page .funds-withdraw-field {
  display: grid !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

html body.funds-detail-page .funds-withdraw-field input {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #14171a !important;
  -webkit-text-fill-color: #14171a !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  outline: none !important;
}

html body.funds-detail-page .funds-withdraw-field input:focus {
  border-color: rgba(17, 20, 24, 0.48) !important;
  box-shadow: 0 0 0 3px rgba(17, 20, 24, 0.08) !important;
}

html body.funds-detail-page .funds-withdraw-operator {
  margin-top: 16px !important;
  padding: 12px 2px 0 !important;
}

html body.funds-detail-page .funds-withdraw-operator strong {
  color: #14171a !important;
  -webkit-text-fill-color: #14171a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body.funds-detail-page .funds-withdraw-feedback {
  margin-top: 16px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
}

html body.funds-detail-page .funds-withdraw-feedback.is-error {
  background: rgba(254, 226, 226, 0.82) !important;
  color: #9f1239 !important;
  -webkit-text-fill-color: #9f1239 !important;
}

html body.funds-detail-page .funds-withdraw-feedback.is-ok {
  background: rgba(220, 252, 231, 0.82) !important;
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-panel {
  display: grid !important;
  gap: 12px !important;
  margin-top: 16px !important;
  padding: 16px !important;
  border: 1px solid rgba(203, 213, 225, 0.74) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-copy {
  display: grid !important;
  gap: 4px !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-copy strong {
  color: #121417 !important;
  -webkit-text-fill-color: #121417 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-copy span,
html body.funds-detail-page .funds-withdraw-qrcode-meta small {
  color: #5d666c !important;
  -webkit-text-fill-color: #5d666c !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-image {
  width: 192px !important;
  height: 192px !important;
  justify-self: center !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  padding: 10px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12) !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-placeholder {
  min-height: 112px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: rgba(241, 245, 249, 0.82) !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: center !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-refresh,
html body.funds-detail-page .funds-withdraw-record-qrcode {
  height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111418 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

html body.funds-detail-page .funds-withdraw-qrcode-refresh:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}

html body.funds-detail-page .funds-withdraw-actions {
  margin-top: 22px !important;
}

html body.funds-detail-page .funds-withdraw-cancel,
html body.funds-detail-page .funds-withdraw-submit {
  height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

html body.funds-detail-page .funds-withdraw-cancel {
  background: rgba(17, 20, 24, 0.08) !important;
  color: #151719 !important;
  -webkit-text-fill-color: #151719 !important;
}

html body.funds-detail-page .funds-withdraw-submit {
  background: #111418 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.funds-detail-page .funds-withdraw-submit:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}

@media (max-width: 900px) {
  html body.funds-detail-page .funds-detail-shell {
    width: calc(100vw - 28px) !important;
    padding: 26px 0 48px !important;
  }

  html body.funds-detail-page .funds-detail-hero {
    flex-direction: column !important;
  }

  html body.funds-detail-page .funds-detail-hero h1 {
    font-size: 34px !important;
  }

  html body.funds-detail-page .funds-detail-summary {
    grid-template-columns: 1fr !important;
  }
}
/* funds standalone detail page end */

/* sidebar brand header visible override start */
html body:not(.is-dashboard-login-page) .sidebar .sidebar-header,
html body:not(.is-dashboard-login-page) .sidebar:hover .sidebar-header,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded .sidebar-header,
html body:not(.is-dashboard-login-page)[data-dashboard-workspace] .sidebar .sidebar-header,
html body:not(.is-dashboard-login-page)[data-main-view] .sidebar .sidebar-header {
  position: fixed !important;
  top: 28px !important;
  left: 30px !important;
  right: auto !important;
  z-index: 10001 !important;
  display: grid !important;
  place-items: start !important;
  gap: 7px !important;
  width: 168px !important;
  min-width: 0 !important;
  max-width: 168px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
  animation: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) .sidebar .sidebar-header::before,
html body:not(.is-dashboard-login-page) .sidebar .sidebar-header::after,
html body:not(.is-dashboard-login-page)[data-dashboard-workspace] .sidebar .sidebar-header::before,
html body:not(.is-dashboard-login-page)[data-dashboard-workspace] .sidebar .sidebar-header::after {
  content: none !important;
  display: none !important;
}

html body:not(.is-dashboard-login-page) .sidebar .sidebar-header h1,
html body:not(.is-dashboard-login-page) .sidebar:hover .sidebar-header h1,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded .sidebar-header h1,
html body:not(.is-dashboard-login-page)[data-dashboard-workspace] .sidebar .sidebar-header h1,
html body:not(.is-dashboard-login-page)[data-main-view] .sidebar .sidebar-header h1 {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 168px !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
  animation: none !important;
  justify-self: start !important;
}

html body:not(.is-dashboard-login-page) .sidebar .sidebar-header h1::before,
html body:not(.is-dashboard-login-page)[data-dashboard-workspace] .sidebar .sidebar-header h1::before {
  content: none !important;
  display: none !important;
}

html body:not(.is-dashboard-login-page) .sidebar .sidebar-header .sidebar-eyebrow,
html body:not(.is-dashboard-login-page) .sidebar:hover .sidebar-header .sidebar-eyebrow,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded .sidebar-header .sidebar-eyebrow,
html body:not(.is-dashboard-login-page)[data-dashboard-workspace] .sidebar .sidebar-header .sidebar-eyebrow,
html body:not(.is-dashboard-login-page)[data-main-view] .sidebar .sidebar-header .sidebar-eyebrow {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 168px !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: rgba(31, 41, 51, 0.64) !important;
  -webkit-text-fill-color: rgba(31, 41, 51, 0.64) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
  animation: none !important;
  justify-self: start !important;
}

html body:not(.is-dashboard-login-page) .sidebar .sidebar-header .sidebar-note,
html body:not(.is-dashboard-login-page)[data-dashboard-workspace] .sidebar .sidebar-header .sidebar-note {
  display: none !important;
  opacity: 0 !important;
}
/* sidebar brand header visible override end */

/* main catalog card desktop hard override start */
#catalogSection.is-main-catalog-card-layout.catalog-panel {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-table-wrap {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-table colgroup,
#catalogSection.is-main-catalog-card-layout .catalog-table thead {
  display: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-table,
#catalogSection.is-main-catalog-card-layout .catalog-table tbody,
#catalogSection.is-main-catalog-card-layout .catalog-table tbody tr,
#catalogSection.is-main-catalog-card-layout .catalog-table tbody td.catalog-copy-row-cell {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  background: transparent !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-table tbody tr.catalog-copy-row {
  margin: 0 0 12px !important;
  border: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-table tbody td.catalog-copy-row-cell {
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card {
  display: grid !important;
  grid-template-columns: 156px minmax(300px, 0.86fr) minmax(360px, 1.04fr) minmax(318px, 0.76fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 156px !important;
  overflow: hidden !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 28px rgba(24, 39, 75, 0.06) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-image {
  width: 156px !important;
  min-height: 156px !important;
  max-height: 156px !important;
  padding: 0 !important;
  background: #f5f7fb !important;
  overflow: hidden !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-image-button,
#catalogSection.is-main-catalog-card-layout .catalog-copy-image-empty {
  width: 100% !important;
  height: 100% !important;
  min-height: 156px !important;
  max-height: 156px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f5f7fb !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-image-button img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-main,
#catalogSection.is-main-catalog-card-layout .catalog-copy-detail-panel,
#catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack,
#catalogSection.is-main-catalog-card-layout .catalog-copy-stock-grid,
#catalogSection.is-main-catalog-card-layout .catalog-copy-side {
  min-width: 0 !important;
  padding: 12px 0 !important;
  border-right: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-main {
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  gap: 7px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-code {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(23, 78, 166, 0.15) !important;
  border-radius: 999px !important;
  background: rgba(245, 247, 251, 0.96) !important;
  color: #174ea6 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-name {
  max-width: none !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.32 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-specline,
#catalogSection.is-main-catalog-card-layout .catalog-copy-priceline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-chip,
#catalogSection.is-main-catalog-card-layout .catalog-copy-metric {
  min-width: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(219, 226, 238, 0.92) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  color: #26322d !important;
  box-shadow: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 23px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-chip-metal-gold {
  background: rgba(23, 78, 166, 0.10) !important;
  border-color: rgba(23, 78, 166, 0.18) !important;
  color: #174ea6 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-chip-metal-s925 {
  background: rgba(49, 82, 115, 0.10) !important;
  border-color: rgba(49, 82, 115, 0.18) !important;
  color: #315273 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-chip-metal-none {
  background: rgba(107, 114, 128, 0.09) !important;
  border-color: rgba(107, 114, 128, 0.16) !important;
  color: #4b5563 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-chip-metal-alloy,
#catalogSection.is-main-catalog-card-layout .catalog-copy-chip-spec,
#catalogSection.is-main-catalog-card-layout .catalog-copy-chip-size {
  background: rgba(245, 247, 251, 0.98) !important;
  color: #26322d !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-metric {
  display: grid !important;
  gap: 2px !important;
  padding: 5px 8px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-metric-label,
#catalogSection.is-main-catalog-card-layout .catalog-copy-panel-label {
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-metric strong {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-detail-panel {
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
  margin: 10px 0 !important;
  padding: 10px 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(219, 226, 238, 0.78) !important;
  border-radius: 12px !important;
  background: rgba(248, 250, 252, 0.70) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-detail-panel p {
  max-height: 72px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #26322d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto 30px !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 10px 12px 10px 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(219, 226, 238, 0.78) !important;
  border-radius: 12px !important;
  background: rgba(248, 250, 252, 0.62) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack .catalog-copy-metric {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(219, 226, 238, 0.9) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack .catalog-copy-metric:last-child {
  border-right: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack .catalog-copy-metric-label {
  font-size: 11px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack .catalog-copy-metric strong {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-stock-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-content: center !important;
  gap: 3px !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(219, 226, 238, 0.78) !important;
  border-radius: 12px !important;
  background: rgba(248, 250, 252, 0.56) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-stock-grid .catalog-copy-metric {
  justify-items: start !important;
  gap: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-stock-grid .catalog-copy-metric-label {
  font-size: 11px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-stock-grid .catalog-copy-metric strong {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-actions {
  display: flex !important;
  align-content: center !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-action-button {
  width: 58px !important;
  min-width: 58px !important;
  height: 30px !important;
  border: 1px solid rgba(23, 78, 166, 0.18) !important;
  border-radius: 999px !important;
  background: #174ea6 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-action-button.is-view {
  background: #ffffff !important;
  color: #174ea6 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-action-button:hover,
#catalogSection.is-main-catalog-card-layout .catalog-copy-action-button:focus-visible {
  background: #123d70 !important;
  border-color: #123d70 !important;
  color: #ffffff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(23, 78, 166, 0.12) !important;
}

#catalogSection.is-main-catalog-card-layout > .group-pager {
  margin-top: 2px !important;
}

@media (max-width: 1500px) {
  #catalogSection.is-main-catalog-card-layout .catalog-copy-card {
    grid-template-columns: 148px minmax(250px, 0.88fr) minmax(270px, 1fr) minmax(292px, 0.78fr) !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-image {
    width: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-image-button,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-image-empty {
    min-height: 148px !important;
    max-height: 148px !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-main,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-detail-panel,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-side {
    padding: 12px !important;
  }
}

@media (max-width: 1180px) {
  #catalogSection.is-main-catalog-card-layout .catalog-copy-card {
    grid-template-columns: 210px minmax(0, 1fr) !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-detail-panel,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-stock-grid,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-side,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-actions {
    grid-column: 2 !important;
    border-right: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 760px) {
  #catalogSection.is-main-catalog-card-layout .catalog-copy-card {
    grid-template-columns: 1fr !important;
    border-radius: 12px !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-image,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-image-button,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-image-empty {
    min-height: 240px !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-main,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-detail-panel,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-cost-stack,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-stock-grid,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-side,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-actions {
    grid-column: auto !important;
    padding: 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(219, 226, 238, 0.82) !important;
    text-align: left !important;
  }
}
/* main catalog card desktop hard override end */

/* main catalog Dami-parity split row refinement start */
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] {
  grid-template-columns: 176px minmax(340px, 1.05fr) minmax(330px, 0.86fr) minmax(620px, 1.52fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  height: 156px !important;
  min-height: 156px !important;
  max-height: 156px !important;
  border: 1px solid rgba(219, 226, 238, 0.9) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 4px 12px rgba(24, 39, 75, 0.025) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image {
  display: block !important;
  width: 176px !important;
  min-height: 156px !important;
  max-height: 156px !important;
  padding: 0 !important;
  border-right: 1px solid rgba(219, 226, 238, 0.82) !important;
  overflow: hidden !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-empty {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 156px !important;
  max-height: 156px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-panel,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-side {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 26px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-panel {
  border-right: 1px solid rgba(219, 226, 238, 0.88) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-content: stretch !important;
  gap: 9px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-titleblock {
  display: grid !important;
  gap: 6px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-name {
  display: block !important;
  max-width: none !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-subline {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 6px !important;
  color: #374151 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-code {
  display: inline !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #174ea6 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-slash,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-metal-text {
  color: #26322d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-stack {
  display: grid !important;
  align-content: end !important;
  gap: 2px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-pair {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 12px !important;
  min-width: 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-label,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-panel-label,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-label,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-label {
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-pair strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-panel {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  gap: 8px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-lines {
  display: grid !important;
  align-content: start !important;
  gap: 2px !important;
  max-height: 104px !important;
  overflow: hidden !important;
  color: #26322d !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.3 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-line {
  display: grid !important;
  grid-template-columns: 74px minmax(72px, 0.9fr) minmax(92px, 1fr) 56px !important;
  align-items: baseline !important;
  gap: 8px !important;
  min-width: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-code,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-name,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-spec,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-quantity {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-code {
  color: #104f9f !important;
  font-weight: 860 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-quantity {
  font-weight: 850 !important;
  text-align: right !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-side {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) minmax(150px, 0.64fr) !important;
  align-content: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-cost-stack,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-grid {
  display: grid !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-cost-stack {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 6px !important;
  border-right: 1px solid rgba(219, 226, 238, 0.88) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-grid {
  display: grid !important;
  align-content: stretch !important;
  gap: 6px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-costs {
  display: grid !important;
  grid-template-columns: minmax(116px, 1fr) 18px minmax(88px, 0.82fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-base,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-market {
  display: grid !important;
  gap: 2px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-total,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-row {
  display: grid !important;
  grid-template-columns: minmax(56px, 1fr) auto !important;
  align-items: baseline !important;
  gap: 10px !important;
  min-width: 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row strong,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-total strong,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-row strong {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-brace {
  color: rgba(75, 85, 99, 0.42) !important;
  font-size: 44px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-market {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding-top: 5px !important;
  border-top: 1px solid rgba(219, 226, 238, 0.92) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-live-price strong {
  color: #174ea6 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-good-margin strong {
  color: #08a34d !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-low-margin strong {
  color: #dc2626 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-grid {
  grid-template-columns: 1fr !important;
  align-content: stretch !important;
  gap: 3px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-actions {
  display: flex !important;
  align-self: end !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 5px 0 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-action-button {
  width: 54px !important;
  min-width: 54px !important;
  height: 25px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

@media (max-width: 1500px) {
  #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] {
    grid-template-columns: 156px minmax(300px, 1fr) minmax(280px, 0.86fr) minmax(520px, 1.4fr) !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image {
    width: 156px !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main,
  #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-panel {
    padding: 13px 20px !important;
  }

  #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-side {
    grid-template-columns: minmax(230px, 1fr) minmax(140px, 0.62fr) !important;
  }
}
/* main catalog Dami-parity split row refinement end */

/* main catalog Dami-parity component polish start */
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .panel-header {
  align-items: center !important;
  min-height: 86px !important;
  padding-bottom: 16px !important;
  border-bottom-color: rgba(203, 213, 225, 0.48) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions {
  gap: 12px !important;
  margin-top: 0 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-price-band-filter,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter .catalog-search-input,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter .catalog-search-button,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .ghost-button {
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border-color: rgba(23, 78, 166, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: none !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton {
  border-color: #174ea6 !important;
  background: #174ea6 !important;
  color: #ffffff !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-table tbody tr.catalog-copy-row {
  margin: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-table tbody td.catalog-copy-row-cell {
  padding: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] {
  grid-template-columns: 176px minmax(260px, 0.96fr) minmax(240px, 0.82fr) minmax(430px, 1.18fr) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.72) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"]:hover {
  background: rgba(255, 255, 255, 0.9) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image {
  border-right-color: rgba(203, 213, 225, 0.62) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-empty,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button img {
  border-radius: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-panel,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-cost-stack,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-grid {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-panel {
  border-right-color: rgba(203, 213, 225, 0.62) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-cost-stack {
  border-right-color: rgba(203, 213, 225, 0.62) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-name {
  font-size: 17px !important;
  line-height: 1.22 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-stack {
  gap: 0 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-pair {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-panel-label {
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-lines {
  max-height: 94px !important;
  color: #1f2937 !important;
  font-size: 13px !important;
  line-height: 1.26 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-market {
  border-top-color: rgba(203, 213, 225, 0.72) !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-total,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-row {
  font-size: 12px !important;
  line-height: 1.18 !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row strong,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-total strong,
#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-stock-row strong {
  font-size: 13px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-actions {
  gap: 6px !important;
  padding-top: 4px !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-action-button {
  width: 50px !important;
  min-width: 50px !important;
  height: 24px !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

#catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-action-button.is-view {
  border-color: rgba(23, 78, 166, 0.24) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: #174ea6 !important;
}

@media (max-width: 1500px) {
  #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] {
    grid-template-columns: 156px minmax(250px, 1fr) minmax(220px, 0.82fr) minmax(390px, 1.2fr) !important;
  }
}

/* main catalog bead sort toolbar glass start */
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .panel-header {
  position: relative !important;
  z-index: 1200 !important;
  overflow: visible !important;
  justify-content: flex-end !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions {
  width: 100% !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 10px 0 14px !important;
  border: 1px solid rgba(172, 193, 211, 0.58) !important;
  border-radius: 999px !important;
  background: rgba(248, 252, 255, 0.68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
  overflow: visible !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar {
  flex: 0 0 138px !important;
  width: 138px !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar {
  flex: 0 0 158px !important;
  width: 158px !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar > .rice-plate-filter-title,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar > .rice-plate-filter-title {
  flex: 0 0 auto !important;
  color: #152033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-wrap,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-wrap {
  position: static !important;
  display: inline-flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 16px 0 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #152033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton.is-active,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton.is-active {
  background: transparent !important;
  color: #152033 !important;
  transform: none !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  z-index: 1600 !important;
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
  max-height: min(360px, calc(100vh - 124px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding: 10px !important;
  border: 1px solid rgba(176, 198, 216, 0.56) !important;
  border-radius: 18px !important;
  background: rgba(242, 248, 252, 0.94) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu {
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu {
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu[hidden],
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu[hidden] {
  display: none !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(100, 116, 139, 0.64) rgba(226, 236, 244, 0.42) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu::-webkit-scrollbar,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu::-webkit-scrollbar {
  width: 8px !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu::-webkit-scrollbar-track,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu::-webkit-scrollbar-track {
  margin: 10px 0 !important;
  border-radius: 999px !important;
  background: rgba(226, 236, 244, 0.42) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu::-webkit-scrollbar-thumb,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu::-webkit-scrollbar-thumb {
  min-height: 36px !important;
  border: 2px solid rgba(242, 248, 252, 0.92) !important;
  border-radius: 999px !important;
  background: rgba(100, 116, 139, 0.64) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-menu::-webkit-scrollbar-button,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-menu::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  min-width: 0 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: 100% !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-item,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-direction {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #152033 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item {
  justify-content: flex-start !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item > span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-item:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-direction:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-item.is-active,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item.is-focused,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item.is-active,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-direction.is-active {
  background: transparent !important;
  color: #152033 !important;
  transform: none !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-item.is-active,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item.is-active > span:first-child,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-direction.is-active > span {
  text-decoration: underline !important;
  text-decoration-color: #174ea6 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 5px !important;
}

/* main catalog bead sort toolbar glass end */

/* main catalog category toolbar glass start */
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-filter-field-category {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  height: 38px !important;
  overflow: visible !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-filter-field-category > .rice-plate-filter-title {
  color: #111827 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-wrap {
  position: relative !important;
  overflow: visible !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-trigger {
  width: 220px !important;
  min-width: 220px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(172, 193, 211, 0.58) !important;
  border-radius: 999px !important;
  background: rgba(248, 252, 255, 0.68) !important;
  color: #152033 !important;
  box-shadow: 0 10px 22px rgba(29, 78, 116, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger:focus-visible,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger[aria-expanded="true"],
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-trigger:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-trigger:focus-visible,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-trigger[aria-expanded="true"] {
  border-color: rgba(146, 171, 192, 0.7) !important;
  background: rgba(248, 252, 255, 0.78) !important;
  color: #111827 !important;
  box-shadow: 0 13px 28px rgba(29, 78, 116, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-trigger::after {
  border-color: #64748b !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-trigger[aria-expanded="true"]::after {
  border-color: #334155 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 1600 !important;
  width: 430px !important;
  min-width: 430px !important;
  max-width: min(430px, calc(100vw - 120px)) !important;
  padding: 10px !important;
  border: 1px solid rgba(176, 198, 216, 0.56) !important;
  border-radius: 18px !important;
  background: rgba(242, 248, 252, 0.94) !important;
  box-shadow: 0 22px 44px rgba(29, 78, 116, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
  overflow: hidden !important;
  color: #152033 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-flyout {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: 252px !important;
  max-height: min(410px, calc(100vh - 170px)) !important;
  background: transparent !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu .catalog-filter-column {
  min-width: 0 !important;
  padding: 6px !important;
  border: 0 !important;
  background: transparent !important;
  overflow-y: auto !important;
  scrollbar-color: rgba(148, 163, 184, 0.55) transparent !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu .catalog-filter-column + .catalog-filter-column {
  border-left: 1px solid rgba(176, 198, 216, 0.42) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu .catalog-filter-column::-webkit-scrollbar {
  width: 7px !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu .catalog-filter-column::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.5) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu .catalog-filter-column-title {
  padding: 6px 8px 8px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item {
  width: 100% !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  color: #152033 !important;
  font-weight: 700 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item:focus-visible {
  color: #0f172a !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(23, 78, 166, 0.42) !important;
  text-underline-offset: 4px !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item.is-active {
  color: #174ea6 !important;
  font-weight: 800 !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-item.is-active::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.18) !important;
}

body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton:hover,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton:focus-visible,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton:active,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton.is-pressing,
body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton.is-opening {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(17, 24, 39, 0.24) !important;
}

@media (max-width: 720px) {
  body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger,
  body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-trigger {
    width: min(220px, calc(100vw - 150px)) !important;
    min-width: 0 !important;
  }

  body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu {
    width: min(430px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px) !important;
  }

  body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-flyout {
    grid-template-columns: 1fr !important;
    max-height: min(520px, calc(100vh - 160px)) !important;
  }

  body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu .catalog-filter-column + .catalog-filter-column {
    border-left: 0 !important;
    border-top: 1px solid rgba(176, 198, 216, 0.42) !important;
  }
}
/* main catalog category toolbar glass end */
/* main catalog Dami-parity component polish end */

/* main catalog transparent content board start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout.catalog-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table-wrap,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table tbody,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table tbody tr.catalog-copy-row,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table tbody td.catalog-copy-row-cell,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout.catalog-panel::before,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout.catalog-panel::after {
  content: none !important;
  display: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .panel-header,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table-wrap {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* main catalog transparent content board end */

/* main catalog Dami glass row cards start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table tbody tr.catalog-copy-row {
  display: block !important;
  margin: 0 0 12px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table tbody td.catalog-copy-row-cell {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.28)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  box-shadow:
    0 18px 44px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"]:hover {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.36)) !important;
  box-shadow:
    0 20px 52px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image {
  border-right-color: rgba(203, 213, 225, 0.54) !important;
  border-radius: 18px 0 0 18px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-empty,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button img {
  border-radius: 18px 0 0 18px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-detail-panel,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-cost-stack {
  border-right-color: rgba(203, 213, 225, 0.42) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-market {
  border-top-color: rgba(203, 213, 225, 0.48) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table tbody tr.catalog-copy-row:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1500px) {
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-table tbody tr.catalog-copy-row {
    margin-bottom: 10px !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"],
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-empty,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button img {
    border-radius: 16px 0 0 16px !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] {
    border-radius: 16px !important;
  }
}
/* main catalog Dami glass row cards end */

/* main catalog finance rhythm start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-grid {
  align-content: start !important;
  gap: 0 !important;
  height: 100% !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-costs {
  min-height: 64px !important;
  align-items: center !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-base {
  gap: 4px !important;
  min-height: 53px !important;
  justify-content: center !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-brace {
  position: relative !important;
  display: block !important;
  width: 18px !important;
  height: 52px !important;
  align-self: center !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-brace::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: center / 18px 52px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='52' viewBox='0 0 18 52'%3E%3Cpath d='M5 2 C12 2 13 8 10 15 C8 20 10 24 16 26 C10 28 8 32 10 37 C13 44 12 50 5 50' fill='none' stroke='%23aab4c1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-total {
  min-height: 15px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-total {
  align-self: center !important;
  align-items: center !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row strong,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-total strong {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-market {
  grid-template-columns: minmax(116px, 1fr) 18px minmax(88px, 0.82fr) !important;
  column-gap: 10px !important;
  margin-top: 12px !important;
  padding-top: 8px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-live-price {
  display: grid !important;
  width: max-content !important;
  grid-column: 1 !important;
  justify-self: center !important;
  grid-template-columns: minmax(56px, 1fr) auto !important;
  gap: 10px !important;
  align-items: baseline !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-live-price .catalog-copy-finance-label {
  margin-left: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-live-price strong {
  justify-self: end !important;
  text-align: right !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-good-margin,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-finance-row.is-low-margin {
  grid-column: 3 !important;
}
/* main catalog finance rhythm end */

/* main catalog image hover actions start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image {
  position: relative !important;
  isolation: isolate !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-button {
  cursor: zoom-in !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-actions {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 8px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.42), rgba(15, 23, 42, 0.24)) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.25) !important;
  backdrop-filter: blur(14px) saturate(1.25) !important;
  box-shadow:
    0 16px 32px rgba(15, 23, 42, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) scale(0.94) !important;
  transition:
    opacity 160ms ease,
    transform 160ms ease,
    background 160ms ease !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image:hover .catalog-copy-image-actions,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image:focus-within .catalog-copy-image-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-actions .catalog-copy-action-button {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.56) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18) !important;
  cursor: pointer !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-actions .catalog-copy-action-button:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-actions .catalog-copy-action-button:focus-visible {
  background: rgba(255, 255, 255, 0.42) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-action-icon {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-actions .catalog-copy-action-button.is-disabled {
  cursor: not-allowed !important;
  opacity: 0.44 !important;
}

@media (max-width: 1500px) {
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-actions {
    gap: 7px !important;
    padding: 7px !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-image-actions .catalog-copy-action-button {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
}
/* main catalog image hover actions end */

/* main catalog metadata rhythm start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-main {
  grid-template-rows: auto auto !important;
  align-content: start !important;
  gap: 9px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-stack {
  align-content: start !important;
  gap: 1px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-pair {
  grid-template-columns: 80px minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 12px !important;
  min-height: 15px !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-label {
  font-size: 13px !important;
  line-height: 1.18 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-copy-card[data-main-copy-layout-version="v132"] .catalog-copy-info-pair strong {
  font-size: 13px !important;
  line-height: 1.18 !important;
}
/* main catalog metadata rhythm end */
/* Order detail product-count marker */
.shipping-order-no-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
}

.shipping-order-no-stack strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #111418;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipping-order-item-count-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 22px;
  padding: 4px 9px;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  color: rgba(17, 20, 24, 0.68);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipping-order-item-count-badge.is-multi-item-order {
  border-color: rgba(17, 20, 24, 0.24);
  background: rgba(17, 20, 24, 0.08);
  color: #111418;
}

.shipping-order-expand-caret {
  width: 7px;
  height: 7px;
  margin-left: 4px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.16s ease;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-master-row.is-expandable {
  cursor: pointer;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-master-row.is-expandable:hover td {
  background: rgba(17, 20, 24, 0.035) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-master-row.is-expanded td {
  border-bottom-color: transparent !important;
  background: rgba(17, 20, 24, 0.035) !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-master-row.is-expanded .shipping-order-expand-caret {
  transform: rotate(-135deg) translate(-1px, -1px);
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-expanded-row {
  height: auto !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-expanded-row[hidden] {
  display: none !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table td.shipping-order-expanded-cell {
  height: auto !important;
  max-height: none !important;
  padding: 0 10px 14px 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.38) !important;
  background: rgba(236, 245, 248, 0.2) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.shipping-order-expanded-row {
  background: transparent;
}

.shipping-order-expanded-panel {
  display: grid;
  gap: 10px;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(233, 246, 249, 0.48) 46%, rgba(255, 246, 246, 0.42));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 18px 42px rgba(15, 23, 42, 0.09);
  opacity: 0;
  transition: opacity 0.24s ease;
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
  backdrop-filter: blur(22px) saturate(1.35);
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-expanded-row.is-open .shipping-order-expanded-panel,
#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-expanded-row.is-opening .shipping-order-expanded-panel {
  opacity: 1;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.shipping-order-expanded-row.is-closing .shipping-order-expanded-panel {
  opacity: 0;
}

.shipping-order-expanded-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  color: #111418;
  font-size: 13px;
  line-height: 1.35;
}

.shipping-order-expanded-head strong {
  font-weight: 800;
}

.shipping-order-expanded-head span {
  color: rgba(17, 20, 24, 0.58);
  font-size: 12px;
  font-weight: 700;
}

.shipping-order-expanded-products {
  display: grid;
  gap: 8px;
}

.shipping-order-expanded-product {
  display: grid;
  grid-template-columns: 58px minmax(260px, 1fr) 62px 96px;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.44);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.56), rgba(244, 250, 252, 0.34));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
}

.shipping-order-expanded-product.is-current-item {
  border-color: rgba(17, 20, 24, 0.14);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(17, 20, 24, 0.08));
}

.shipping-order-expanded-thumb {
  width: 52px;
  height: 52px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #111418;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
}

.shipping-order-expanded-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shipping-order-expanded-info {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.shipping-order-expanded-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.shipping-order-expanded-title-row strong {
  min-width: 0;
  overflow: hidden;
  color: #111418;
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipping-order-expanded-current {
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 999px;
  background: #111418;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.shipping-order-expanded-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: rgba(17, 20, 24, 0.62);
  font-size: 12px;
  font-weight: 700;
}

.shipping-order-expanded-spec {
  overflow: hidden;
  color: rgba(17, 20, 24, 0.78);
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipping-order-expanded-qty,
.shipping-order-expanded-amount {
  color: #111418;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  text-align: right;
}

@media (max-width: 760px) {
  .shipping-order-expanded-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .shipping-order-expanded-product {
    grid-template-columns: 52px minmax(160px, 1fr);
  }

  .shipping-order-expanded-qty,
  .shipping-order-expanded-amount {
    text-align: left;
  }
}

/* main catalog item modal Dami glass start */
html body #catalogItemModal:not([hidden]) {
  --catalog-modal-ink: #172033;
  --catalog-modal-muted: rgba(39, 48, 62, 0.66);
  --catalog-modal-accent: var(--premium-blue, #174f96);
  --catalog-modal-line: rgba(255, 255, 255, 0.56);
  --catalog-modal-panel: rgba(255, 255, 255, 0.38);
  --catalog-modal-field: rgba(255, 255, 255, 0.62);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 36px !important;
  background: rgba(18, 23, 31, 0.24) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

html body #catalogItemModal .modal-backdrop {
  background: rgba(18, 23, 31, 0.18) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
}

html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 364px 290px !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 12px !important;
  width: min(1720px, calc(100vw - 72px)) !important;
  height: min(880px, calc(100vh - 72px)) !important;
  max-width: none !important;
  max-height: calc(100vh - 72px) !important;
  margin: 0 !important;
  padding: 20px 22px 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.56) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 9% 12%, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.30) 31%, transparent 54%),
    radial-gradient(circle at 78% 10%, rgba(226, 244, 247, 0.50), transparent 48%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(239, 244, 247, 0.54)) !important;
  box-shadow:
    0 34px 76px rgba(17, 24, 39, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
  color: var(--catalog-modal-ink) !important;
  backdrop-filter: blur(28px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.18) !important;
}

html body #catalogItemModal .catalog-item-dialog > .modal-header,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open > .modal-header {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 58px 8px 2px !important;
  border: 0 !important;
  background: transparent !important;
}

html body #catalogItemModal .catalog-item-dialog > .modal-header .panel-heading-copy {
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-item-dialog > .modal-header h3 {
  margin: 0 !important;
  color: var(--catalog-modal-ink) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html body #catalogItemModal #closeCatalogItemModalButton {
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  z-index: 15 !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.66) !important;
  color: var(--catalog-modal-accent) !important;
  box-shadow:
    0 14px 28px rgba(31, 41, 55, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  backdrop-filter: blur(14px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
}

html body #catalogItemModal #closeCatalogItemModalButton::before {
  content: "\00d7" !important;
  display: block !important;
  color: currentColor !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
}

html body #catalogItemModal .catalog-item-form {
  display: contents !important;
  grid-template-columns: minmax(0, 1fr) 364px 290px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-item-panel,
html body #catalogItemModal .catalog-material-query-panel {
  border: 1px solid var(--catalog-modal-line) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.38) !important;
  box-shadow:
    0 22px 48px rgba(33, 37, 45, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
}

html body #catalogItemModal .catalog-basic-panel {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 0.86fr) minmax(300px, 0.86fr) minmax(390px, 1.08fr) minmax(286px, 0.72fr) 104px !important;
  grid-template-rows: 42px 42px !important;
  gap: 14px 14px !important;
  align-items: center !important;
  min-height: 150px !important;
  padding: 18px 16px !important;
  overflow: visible !important;
  background: rgba(255, 255, 255, 0.42) !important;
}

html body #catalogItemModal .catalog-basic-panel > .catalog-item-panel-title,
html body #catalogItemModal .catalog-basic-panel .catalog-form-field-assist {
  display: none !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-basic-code-row {
  display: contents !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-form-field-code {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-form-field-category {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-form-field-name {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-basic-price-grid {
  display: contents !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-metal-accessory-field {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-length-field {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-bead-diameter-field {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-media-field {
  display: contents !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-media-field > span {
  grid-column: 4 !important;
  grid-row: 1 !important;
  align-self: start !important;
  margin: 0 !important;
  color: rgba(39, 48, 62, 0.74) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-item-image-preview-card,
html body #catalogItemModal .catalog-basic-panel .catalog-item-image-preview-card[hidden] {
  grid-column: 4 !important;
  grid-row: 1 / 3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 78px !important;
  align-self: end !important;
}

html body #catalogItemModal .catalog-original-image-box {
  grid-column: 5 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  grid-template-rows: auto 78px auto !important;
  justify-items: center !important;
  align-self: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-original-image-box > span {
  align-self: end !important;
  margin: 0 !important;
  color: rgba(39, 48, 62, 0.74) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 16px !important;
}

html body #catalogItemModal .catalog-basic-panel .form-field:not(.catalog-media-field),
html body #catalogItemModal .catalog-cost-panel .form-field,
html body #catalogItemModal .catalog-status-panel .form-field {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 36px !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body #catalogItemModal .catalog-basic-panel .form-field:not(.catalog-media-field) {
  grid-template-columns: 60px minmax(0, 1fr) !important;
  gap: 6px !important;
}

html body #catalogItemModal .catalog-basic-panel .form-field:not(.catalog-media-field) > span,
html body #catalogItemModal .catalog-cost-panel .form-field > span,
html body #catalogItemModal .catalog-status-panel .form-field > span {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(39, 48, 62, 0.74) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .form-field input,
html body #catalogItemModal .form-field select,
html body #catalogItemModal .catalog-category-trigger,
html body #catalogItemModal .enterprise-select-button,
html body #catalogItemModal .catalog-sale-status-trigger,
html body #catalogItemModal .catalog-material-query-search,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell select {
  min-height: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(255, 255, 255, 0.66) !important;
  border-radius: 10px !important;
  background: var(--catalog-modal-field) !important;
  color: var(--catalog-modal-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 12px 28px rgba(31, 41, 55, 0.06) !important;
  backdrop-filter: blur(14px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
}

html body #catalogItemModal .form-field input:focus,
html body #catalogItemModal .catalog-category-trigger:focus-visible,
html body #catalogItemModal .enterprise-select-button:focus-visible,
html body #catalogItemModal .catalog-sale-status-trigger:focus-visible,
html body #catalogItemModal .catalog-material-query-search:focus,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input:focus {
  border-color: rgba(23, 79, 150, 0.42) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: 0 0 0 3px rgba(23, 79, 150, 0.12), 0 16px 34px rgba(31, 41, 55, 0.08) !important;
}

html body #catalogItemModal .catalog-item-image-preview-card {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-height: 78px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-item-image-preview-wrap,
html body #catalogItemModal .catalog-item-image-empty-slot,
html body #catalogItemModal .catalog-original-image-preview {
  width: 78px !important;
  min-width: 78px !important;
  height: 78px !important;
  min-height: 78px !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    0 16px 30px rgba(31, 41, 55, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

html body #catalogItemModal .catalog-original-image-preview {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  color: var(--catalog-modal-accent) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
}

html body #catalogItemModal .catalog-original-image-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #catalogItemModal .catalog-original-image-upload-button {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-original-image-upload-button strong {
  max-width: 96px !important;
  overflow: hidden !important;
  color: rgba(39, 48, 62, 0.62) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-original-image-status {
  min-height: 12px !important;
  color: rgba(39, 48, 62, 0.56) !important;
  font-size: 10px !important;
  line-height: 12px !important;
}

html body #catalogItemModal .catalog-image-dropzone-form,
html body #catalogItemModal .catalog-image-url-input,
html body #catalogItemModal .catalog-item-image-toolbar {
  display: none !important;
}

html body #catalogItemModal .catalog-making-panel {
  grid-column: 1 !important;
  grid-row: 3 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.34) !important;
}

html body #catalogItemModal .catalog-production-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: var(--catalog-modal-ink) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

html body #catalogItemModal .catalog-production-title-row::before,
html body #catalogItemModal .catalog-item-panel-title::before {
  content: none !important;
  display: none !important;
}

html body #catalogItemModal .catalog-production-detail-field,
html body #catalogItemModal .catalog-production-detail-panel,
html body #catalogItemModal .catalog-production-block {
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-production-detail-panel {
  overflow: hidden !important;
  padding: 12px 14px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.5), rgba(246, 251, 252, 0.26)),
    rgba(255, 255, 255, 0.24) !important;
  box-shadow:
    0 22px 48px rgba(31, 41, 55, 0.15),
    0 4px 14px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(255, 255, 255, 0.36) !important;
  backdrop-filter: blur(20px) saturate(1.12) !important;
}

html body #catalogItemModal .catalog-production-title-row {
  padding: 0 0 10px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  color: rgba(15, 23, 42, 0.82) !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: minmax(240px, 1.38fr) 92px 74px minmax(86px, 0.66fr) 94px 94px 74px minmax(112px, 0.72fr) 28px !important;
  column-gap: 12px !important;
}

html body #catalogItemModal .catalog-production-table-head {
  padding: 2px 10px 12px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.20) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(39, 48, 62, 0.62) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body #catalogItemModal .catalog-production-table-head span {
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-production-table-head::after {
  content: "" !important;
  display: block !important;
}

html body #catalogItemModal #catalogProductionDetailRows {
  display: grid !important;
  gap: 10px !important;
  padding: 10px 0 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row {
  min-height: 72px !important;
  padding: 10px 12px !important;
  align-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.52) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.62), rgba(249, 252, 253, 0.36)),
    rgba(255, 255, 255, 0.36) !important;
  box-shadow:
    0 14px 26px rgba(31, 41, 55, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell > span {
  display: none !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-info-wrap {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

html body #catalogItemModal .catalog-production-thumb,
html body #catalogItemModal .catalog-production-thumb-trigger {
  width: 54px !important;
  height: 54px !important;
  border-radius: 12px !important;
}

html body #catalogItemModal .catalog-production-code-text,
html body #catalogItemModal .catalog-production-name-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-production-code-text {
  color: #0f4fa8 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html body #catalogItemModal .catalog-production-name-text {
  color: rgba(15, 23, 42, 0.78) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

html body #catalogItemModal .catalog-production-readonly-value {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-production-row-remove {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
  color: #e11d48 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-production-row-remove svg {
  display: block !important;
  margin: auto !important;
}

html body #catalogItemModal .catalog-material-query-panel {
  grid-column: 2 !important;
  grid-row: 3 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.34) !important;
}

html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-panel {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  transform: none !important;
  animation: none !important;
}

html body #catalogItemModal .catalog-material-query-panel[hidden] {
  display: flex !important;
  visibility: visible !important;
}

html body #catalogItemModal .catalog-material-query-head {
  flex: 0 0 auto !important;
  padding: 12px 12px 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.38) !important;
  background: rgba(255, 255, 255, 0.28) !important;
}

html body #catalogItemModal .catalog-material-query-tabs {
  display: grid !important;
  grid-template-columns: auto auto auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.52) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.30) !important;
}

html body #catalogItemModal .catalog-material-query-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(39, 48, 62, 0.76) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active {
  border-color: rgba(255, 255, 255, 0.62) !important;
  background: rgba(255, 255, 255, 0.58) !important;
  color: var(--catalog-modal-accent) !important;
  box-shadow:
    0 12px 22px rgba(31, 41, 55, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

html body #catalogItemModal .catalog-material-query-title {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

html body #catalogItemModal .catalog-material-query-table-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
}

html body #catalogItemModal .catalog-material-query-table,
html body #catalogItemModal .catalog-material-query-table tbody {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
}

html body #catalogItemModal .catalog-material-query-table colgroup,
html body #catalogItemModal .catalog-material-query-table thead {
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-table tr {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) 26px !important;
  grid-template-areas:
    "image code add"
    "image name add"
    "image spec add"
    "image cost add" !important;
  gap: 2px 10px !important;
  min-height: 86px !important;
  margin: 10px 10px 0 !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.50) !important;
  box-shadow:
    0 16px 30px rgba(31, 41, 55, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  cursor: pointer !important;
}

html body #catalogItemModal .catalog-material-query-table tr::after {
  content: "+" !important;
  grid-area: add !important;
  place-self: center !important;
  display: grid !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: var(--catalog-modal-accent) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  box-shadow: 0 10px 18px rgba(31, 41, 55, 0.10) !important;
}

html body #catalogItemModal .catalog-material-query-table td {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--catalog-modal-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(1) {
  grid-area: code !important;
  color: var(--catalog-modal-accent) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(3) {
  grid-area: name !important;
  color: #1d2736 !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(4) {
  grid-area: image !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(5) {
  grid-area: spec !important;
  color: rgba(39, 48, 62, 0.78) !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(9) {
  grid-area: cost !important;
  color: #475569 !important;
  font-size: 11px !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(2),
html body #catalogItemModal .catalog-material-query-table td:nth-child(6),
html body #catalogItemModal .catalog-material-query-table td:nth-child(7),
html body #catalogItemModal .catalog-material-query-table td:nth-child(8),
html body #catalogItemModal .catalog-material-query-table td:nth-child(10),
html body #catalogItemModal .catalog-material-query-table td:nth-child(11) {
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-image-button,
html body #catalogItemModal .catalog-material-query-image-button img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
}

html body #catalogItemModal .catalog-material-query-pager {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  min-height: 56px !important;
  padding: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.38) !important;
  background: rgba(255, 255, 255, 0.48) !important;
}

html body #catalogItemModal .catalog-material-query-pager .ghost-button,
html body #catalogItemModal .catalog-production-add-inline,
html body #catalogItemModal #resetCatalogItemButton {
  min-height: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  color: var(--catalog-modal-ink) !important;
  box-shadow:
    0 12px 24px rgba(31, 41, 55, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

html body #catalogItemModal .catalog-cost-panel {
  grid-column: 3 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-self: start !important;
  width: 100% !important;
  height: 290px !important;
  min-width: 0 !important;
  padding: 18px 16px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.34) !important;
}

html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-cost-panel {
  grid-column: 3 !important;
  grid-row: 3 !important;
  align-self: start !important;
  justify-self: stretch !important;
  height: 290px !important;
}

html body #catalogItemModal .catalog-status-panel {
  grid-column: 3 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  align-self: end !important;
  width: 100% !important;
  height: calc(100% - 302px) !important;
  max-height: 330px !important;
  min-width: 0 !important;
  padding: 18px 16px 16px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.34) !important;
}

html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-status-panel {
  grid-column: 3 !important;
  grid-row: 3 !important;
  align-self: end !important;
  justify-self: stretch !important;
  height: calc(100% - 302px) !important;
}

html body #catalogItemModal .catalog-item-panel-title {
  margin: 0 0 12px !important;
  color: var(--catalog-modal-ink) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.3 !important;
}

html body #catalogItemModal .catalog-cost-grid,
html body #catalogItemModal .catalog-status-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-height: 0 !important;
}

html body #catalogItemModal .catalog-cost-grid .form-field,
html body #catalogItemModal .catalog-status-grid .form-field {
  grid-template-columns: 1fr !important;
  gap: 5px !important;
}

html body #catalogItemModal .form-actions {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr 1.1fr 42px !important;
  gap: 10px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body #catalogItemModal .catalog-status-panel .form-actions {
  align-self: end !important;
  margin-top: auto !important;
}

html body #catalogItemModal #submitCatalogItemButton {
  min-height: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--catalog-modal-accent) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 28px rgba(23, 79, 150, 0.18) !important;
}

html body #catalogItemModal .catalog-item-delete-button {
  min-width: 42px !important;
  width: 42px !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 1px solid rgba(239, 68, 68, 0.30) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.52) !important;
  color: #dc2626 !important;
}

html body #catalogItemModal .catalog-sale-status-menu,
html body #catalogItemModal .enterprise-select-menu,
html body #catalogItemModal .catalog-category-cascade-panel {
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 22px 44px rgba(31, 41, 55, 0.16) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.18) !important;
}

@media (max-width: 1420px) {
  html body #catalogItemModal .catalog-item-dialog,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
    grid-template-columns: minmax(0, 1fr) 332px 270px !important;
    width: min(1340px, calc(100vw - 32px)) !important;
    height: min(880px, calc(100vh - 32px)) !important;
    max-height: calc(100vh - 32px) !important;
    padding: 16px !important;
    border-radius: 24px !important;
  }

  html body #catalogItemModal .catalog-basic-panel {
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) minmax(320px, 1.1fr) !important;
  }

  html body #catalogItemModal .catalog-basic-panel .catalog-media-field {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

/* main catalog item modal neutral accent overrides start */
html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  --catalog-modal-accent: var(--premium-blue, #174f96) !important;
  --catalog-modal-blue: var(--premium-blue, #174f96) !important;
  --catalog-editor-line: #d8e2ee !important;
  --catalog-editor-soft: #f8fafc !important;
}

html body #catalogItemModal .catalog-item-panel,
html body #catalogItemModal .catalog-material-query-panel,
html body #catalogItemModal .catalog-cost-panel,
html body #catalogItemModal .catalog-status-panel,
html body #catalogItemModal .catalog-item-image-preview-card .catalog-item-image-preview,
html body #catalogItemModal .catalog-item-image-empty-slot,
html body #catalogItemModal .catalog-original-image-preview,
html body #catalogItemModal .catalog-production-detail-panel,
html body #catalogItemModal .catalog-production-thumb,
html body #catalogItemModal .catalog-production-quantity-stepper {
  border-color: rgba(203, 213, 225, 0.70) !important;
}

html body #catalogItemModal .catalog-original-image-preview,
html body #catalogItemModal .catalog-original-image-upload-button,
html body #catalogItemModal .catalog-production-quantity-stepper button {
  color: var(--premium-blue, #174f96) !important;
}

html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-material-query-filter-menu,
html body #catalogItemModal .catalog-production-table-head {
  border-color: rgba(203, 213, 225, 0.62) !important;
  background: rgba(248, 250, 252, 0.54) !important;
  color: #64748b !important;
}

html body #catalogItemModal .catalog-material-query-tabs,
html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button,
html body #catalogItemModal .catalog-material-query-search,
html body #catalogItemModal .catalog-category-trigger,
html body #catalogItemModal .catalog-sale-status-trigger,
html body #catalogItemModal .enterprise-select-button,
html body #catalogItemModal .form-field input,
html body #catalogItemModal .form-field select {
  border-color: rgba(203, 213, 225, 0.76) !important;
}

html body #catalogItemModal .catalog-material-query-tab::before {
  content: none !important;
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-tab::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 3px !important;
  display: block !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: transparent !important;
  pointer-events: none !important;
}

html body #catalogItemModal .catalog-material-query-tab,
html body #catalogItemModal .catalog-material-query-tab:hover,
html body #catalogItemModal .catalog-material-query-tab:focus,
html body #catalogItemModal .catalog-material-query-tab:active {
  position: relative !important;
  box-sizing: border-box !important;
  min-width: 34px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #475569 !important;
  font-weight: 950 !important;
  line-height: 20px !important;
  box-shadow: none !important;
  transform: none !important;
  transition: color 0.16s ease !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--premium-blue, #174f96) !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active::after {
  background: var(--premium-blue, #174f96) !important;
}

html body #catalogItemModal .catalog-material-query-table tr::after {
  border: 1px solid rgba(23, 79, 150, 0.20) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: var(--premium-blue, #174f96) !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(9),
html body #catalogItemModal .catalog-material-query-table td:nth-child(9) *,
html body #catalogItemModal .catalog-original-image-box > span,
html body #catalogItemModal .catalog-original-image-upload-button strong,
html body #catalogItemModal .catalog-original-image-status,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-name-text,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-name-input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-replenish-status,
html body #catalogItemModal .catalog-status-panel .catalog-designer-menu small {
  color: #64748b !important;
}

html body #catalogItemModal .catalog-cost-panel input[readonly],
html body #catalogItemModal .catalog-available-quantity-field input {
  background: rgba(248, 250, 252, 0.74) !important;
  color: var(--premium-blue, #174f96) !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button:focus-visible,
html body #catalogItemModal .catalog-status-panel .enterprise-select-button:focus-visible,
html body #catalogItemModal .catalog-status-panel .catalog-sale-status-trigger:focus-visible,
html body #catalogItemModal .catalog-category-trigger:focus-visible,
html body #catalogItemModal .form-field input:focus,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input:focus {
  border-color: rgba(23, 79, 150, 0.38) !important;
  box-shadow:
    0 0 0 3px rgba(23, 79, 150, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove:hover,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove:focus,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove:active {
  position: relative !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  justify-self: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #dc2626 !important;
  line-height: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

html body #catalogItemModal .catalog-sale-status-menu,
html body #catalogItemModal .enterprise-select-menu,
html body #catalogItemModal .catalog-material-query-filter-menu,
html body #catalogItemModal .catalog-category-cascade-panel {
  border: 1px solid rgba(255, 255, 255, 0.66) !important;
  border-radius: 16px !important;
  background: rgba(238, 246, 251, 0.48) !important;
  box-shadow:
    0 22px 46px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(28px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.15) !important;
}

html body #catalogItemModal .catalog-sale-status-menu button,
html body #catalogItemModal .enterprise-select-menu button,
html body #catalogItemModal .catalog-material-query-filter-menu button,
html body #catalogItemModal .catalog-category-cascade-item,
html body #catalogItemModal .catalog-category-cascade-search,
html body #catalogItemModal .catalog-category-cascade-search input,
html body #catalogItemModal .catalog-category-cascade-columns,
html body #catalogItemModal .catalog-category-cascade-column,
html body #catalogItemModal .catalog-category-cascade-list {
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-sale-status-menu button:hover,
html body #catalogItemModal .catalog-sale-status-menu button.is-active,
html body #catalogItemModal .enterprise-select-menu button:hover,
html body #catalogItemModal .enterprise-select-menu button.is-active,
html body #catalogItemModal .catalog-material-query-filter-menu button:hover,
html body #catalogItemModal .catalog-material-query-filter-menu button.is-active,
html body #catalogItemModal .catalog-category-cascade-item:hover,
html body #catalogItemModal .catalog-category-cascade-item.is-active {
  background: transparent !important;
  color: var(--premium-blue, #174f96) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body #catalogItemModal .catalog-sale-status-trigger,
html body #catalogItemModal .enterprise-select-button,
html body #catalogItemModal .catalog-category-trigger,
html body #catalogItemModal .form-field select,
html body #catalogItemModal select {
  border-color: rgba(203, 213, 225, 0.72) !important;
  border-radius: 14px !important;
  background-color: rgba(238, 246, 251, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.58),
    0 10px 24px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

html body #catalogItemModal select option {
  background-color: transparent !important;
  color: #0f172a !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button,
html body #catalogItemModal .catalog-material-query-search {
  border-radius: 14px !important;
  background: rgba(238, 246, 251, 0.38) !important;
}

html body #catalogItemModal .catalog-material-query-tabs,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-tabs {
  display: grid !important;
  grid-template-columns: 40px 40px 40px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 16px !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body #catalogItemModal .catalog-material-query-tab,
html body #catalogItemModal .catalog-material-query-tab:hover,
html body #catalogItemModal .catalog-material-query-tab:focus,
html body #catalogItemModal .catalog-material-query-tab:focus-visible,
html body #catalogItemModal .catalog-material-query-tab:active,
html body #catalogItemModal .catalog-material-query-tab.is-active {
  position: relative !important;
  display: inline-flex !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  align-self: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  color: #475569 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 22px !important;
  transition: none !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active {
  color: var(--premium-blue, #174f96) !important;
}

html body #catalogItemModal .catalog-material-query-tab::after,
html body #catalogItemModal .catalog-material-query-tab:hover::after,
html body #catalogItemModal .catalog-material-query-tab:focus::after,
html body #catalogItemModal .catalog-material-query-tab:active::after {
  left: 0 !important;
  right: 0 !important;
  bottom: 3px !important;
  height: 2px !important;
  background: transparent !important;
  transform: none !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active::after {
  background: var(--premium-blue, #174f96) !important;
}

html body #catalogItemModal .catalog-material-query-search {
  border: 1px solid rgba(203, 213, 225, 0.76) !important;
  border-radius: 14px !important;
  background: rgba(247, 251, 253, 0.74) !important;
}

html body #catalogItemModal .catalog-sale-status-menu,
html body #catalogItemModal .enterprise-select-menu,
html body #catalogItemModal .catalog-material-query-filter-menu,
html body #catalogItemModal .catalog-category-cascade-panel {
  background: rgba(242, 248, 252, 0.98) !important;
  box-shadow:
    0 24px 54px rgba(15, 23, 42, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
}

html body #catalogItemModal .catalog-sale-status-menu button,
html body #catalogItemModal .enterprise-select-menu button,
html body #catalogItemModal .catalog-material-query-filter-menu button,
html body #catalogItemModal .catalog-category-cascade-item,
html body #catalogItemModal .catalog-category-cascade-search,
html body #catalogItemModal .catalog-category-cascade-columns,
html body #catalogItemModal .catalog-category-cascade-column,
html body #catalogItemModal .catalog-category-cascade-list {
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-sale-status-menu button:hover,
html body #catalogItemModal .catalog-sale-status-menu button.is-active,
html body #catalogItemModal .enterprise-select-menu button:hover,
html body #catalogItemModal .enterprise-select-menu button.is-active,
html body #catalogItemModal .catalog-material-query-filter-menu button:hover,
html body #catalogItemModal .catalog-material-query-filter-menu button.is-active,
html body #catalogItemModal .catalog-category-cascade-item:hover,
html body #catalogItemModal .catalog-category-cascade-item.is-active {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body #catalogItemModal .enterprise-select-search-row {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  display: block !important;
  overflow: visible !important;
  padding: 8px 8px 6px !important;
  background: rgba(242, 248, 252, 1) !important;
  backdrop-filter: blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
  box-shadow:
    0 1px 0 rgba(203, 213, 225, 0.62),
    0 10px 18px rgba(242, 248, 252, 0.96) !important;
}

html body #catalogItemModal .enterprise-select-search-row::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -12px !important;
  height: 12px !important;
  background: rgba(242, 248, 252, 1) !important;
  pointer-events: none !important;
}

html body #catalogItemModal .enterprise-select-search-row input {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 32px !important;
  border: 1px solid rgba(203, 213, 225, 0.76) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  outline: 0 !important;
  padding: 0 10px !important;
}

html body #catalogItemModal .enterprise-select-search-row input:focus {
  border-color: rgba(23, 79, 150, 0.62) !important;
  box-shadow:
    0 0 0 2px rgba(23, 79, 150, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html body #catalogItemModal .enterprise-select-empty {
  padding: 10px 12px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

html body #catalogItemModal .enterprise-select-empty[hidden],
html body #catalogItemModal .enterprise-select-menu button[hidden] {
  display: none !important;
}

html body #catalogItemModal .enterprise-select-menu [data-catalog-search-option].is-filtered-out,
html body #catalogItemModal .enterprise-select-menu [data-catalog-search-option][hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-status-panel .catalog-anchor-menu.enterprise-select-menu [data-catalog-search-option].is-filtered-out,
html body #catalogItemModal .catalog-status-panel .catalog-product-source-menu.enterprise-select-menu [data-catalog-search-option].is-filtered-out,
html body #catalogItemModal .catalog-status-panel .catalog-anchor-menu.enterprise-select-menu [data-catalog-search-option][hidden],
html body #catalogItemModal .catalog-status-panel .catalog-product-source-menu.enterprise-select-menu [data-catalog-search-option][hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-tabs,
html body #catalogItemModal .catalog-material-query-tab,
html body #catalogItemModal .catalog-material-query-tab:hover,
html body #catalogItemModal .catalog-material-query-tab:focus,
html body #catalogItemModal .catalog-material-query-tab.is-active {
  min-height: 32px !important;
  box-sizing: border-box !important;
  transform: none !important;
  margin: 0 !important;
}

html body #catalogItemModal .catalog-status-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-status-panel {
  overflow: visible !important;
  z-index: 360 !important;
}

html body #catalogItemModal .catalog-status-panel .form-field {
  overflow: visible !important;
}

html body #catalogItemModal .catalog-status-panel .form-field.is-source-open {
  z-index: 420 !important;
}

html body #catalogItemModal .catalog-status-panel .catalog-anchor-menu.enterprise-select-menu-up,
html body #catalogItemModal .catalog-status-panel .catalog-designer-menu.enterprise-select-menu-up,
html body #catalogItemModal .catalog-status-panel .catalog-product-source-menu.enterprise-select-menu-up {
  top: auto !important;
  bottom: 36px !important;
  z-index: 460 !important;
  max-height: min(240px, 42vh) !important;
  overflow-y: auto !important;
  border-radius: 12px !important;
}
/* main catalog item modal neutral accent overrides end */
/* main catalog item modal Dami glass end */

/* rice plate group parent final lock start */
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion:hover,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion:focus,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion:focus-visible,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion:active {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  min-height: 46px !important;
  margin-right: 0 !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: 46px !important;
  align-items: center !important;
  padding: 0 18px !important;
  border: 1px solid transparent !important;
  background: #0f1114 !important;
  background-color: #0f1114 !important;
  background-image: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.22) !important;
  outline: none !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion::before,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion::before,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  display: none !important;
  width: 0 !important;
  height: 60% !important;
  border-radius: 999px !important;
  background: transparent !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-label,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-label,
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-label {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
  justify-self: start !important;
  text-align: left !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-icon svg,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-icon svg *,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-icon,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-icon svg,
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section-rice-plate-group.is-open > .sidebar-top-item-accordion .sidebar-menu-icon svg * {
  color: #fff !important;
  stroke: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group .sidebar-accordion-chevron {
  display: none !important;
}
/* rice plate group parent final lock end */

/* rice plate group parent hover lock start */
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"],
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"]:hover,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"]:focus,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"]:focus-visible,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"]:active,
html body:not(.is-dashboard-login-page) .sidebar #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"]:hover:not(.is-active):not([aria-current="page"]),
html body:not(.is-dashboard-login-page) .sidebar:hover #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"]:hover:not(.is-active):not([aria-current="page"]),
html body:not(.is-dashboard-login-page) .sidebar.is-expanded #shopNav .sidebar-menu-section-rice-plate-group.is-open > button.sidebar-top-item.sidebar-top-item-accordion[data-rice-plate-group-toggle="true"]:hover:not(.is-active):not([aria-current="page"]) {
  background: #0f1114 !important;
  background-color: #0f1114 !important;
  background-image: none !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 26px rgba(17, 20, 24, 0.22) !important;
}
/* rice plate group parent hover lock end */

/* catalog material query cold glass toolbar v202 */
html body #catalogItemModal .catalog-material-query-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-panel {
  border: 1px solid rgba(203, 213, 225, 0.70) !important;
  background: rgba(242, 248, 252, 0.88) !important;
  box-shadow:
    0 22px 52px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
}

html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head {
  border-bottom: 1px solid rgba(203, 213, 225, 0.54) !important;
  background: rgba(242, 248, 252, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 12px 26px rgba(15, 23, 42, 0.04) !important;
}

html body #catalogItemModal .catalog-material-query-tabs,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-tabs {
  display: grid !important;
  grid-template-columns: 40px 40px 40px minmax(148px, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-material-query-tab,
html body #catalogItemModal .catalog-material-query-tab:hover,
html body #catalogItemModal .catalog-material-query-tab:focus,
html body #catalogItemModal .catalog-material-query-tab:focus-visible,
html body #catalogItemModal .catalog-material-query-tab:active,
html body #catalogItemModal .catalog-material-query-tab.is-active {
  justify-self: start !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body #catalogItemModal .catalog-material-query-search {
  grid-column: 4 !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(203, 213, 225, 0.74) !important;
  border-radius: 14px !important;
  background: rgba(248, 252, 255, 0.78) !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 10px 22px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(16px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button,
html body #catalogItemModal .catalog-material-query-filter-menu {
  border-color: rgba(203, 213, 225, 0.70) !important;
  background: rgba(242, 248, 252, 0.88) !important;
}
/* catalog material query cold glass toolbar v202 end */

/* catalog material query aligned neutral glass detail v208 */
html body #catalogItemModal .catalog-material-query-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-panel {
  background:
    linear-gradient(145deg, rgba(248, 251, 253, 0.78), rgba(244, 248, 251, 0.64)) !important;
  box-shadow:
    0 24px 54px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(24px) saturate(1.10) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.10) !important;
}

html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head {
  display: grid !important;
  grid-template-rows: auto auto !important;
  row-gap: 10px !important;
  padding: 14px 12px 12px !important;
  background:
    linear-gradient(145deg, rgba(248, 251, 253, 0.62), rgba(244, 248, 251, 0.46)) !important;
}

html body #catalogItemModal .catalog-material-query-tabs,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-tabs {
  display: grid !important;
  grid-template-areas: "material accessory product search" !important;
  grid-template-columns: max-content max-content max-content minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-material-query-tab[data-catalog-material-query-category="material"] {
  grid-area: material !important;
}

html body #catalogItemModal .catalog-material-query-tab[data-catalog-material-query-category="accessory"] {
  grid-area: accessory !important;
}

html body #catalogItemModal .catalog-material-query-tab[data-catalog-material-query-category="product"] {
  grid-area: product !important;
}

html body #catalogItemModal .catalog-material-query-search {
  grid-area: search !important;
  grid-row: 1 !important;
  grid-column: auto !important;
  display: block !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 34px !important;
  margin: 0 !important;
  background: rgba(248, 251, 253, 0.78) !important;
}

html body #catalogItemModal .catalog-material-query-title,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-title {
  margin-top: 0 !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button,
html body #catalogItemModal .catalog-material-query-filter-menu {
  background: rgba(248, 251, 253, 0.78) !important;
}

html body #catalogItemModal .catalog-material-query-table-wrap {
  padding: 0 10px 10px !important;
  background: rgba(248, 251, 253, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    inset 0 18px 38px rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
}

html body #catalogItemModal .catalog-material-query-table,
html body #catalogItemModal .catalog-material-query-table tbody {
  background: transparent !important;
}

html body #catalogItemModal .catalog-material-query-table tr {
  border-color: rgba(203, 213, 225, 0.58) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    0 16px 32px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body #catalogItemModal .catalog-material-query-table tr:hover {
  background: rgba(248, 251, 253, 0.64) !important;
}

html body #catalogItemModal .catalog-material-query-table td,
html body #catalogItemModal .catalog-material-query-table td * {
  background: transparent !important;
}
/* catalog material query aligned neutral glass detail v208 end */

/* main-finished-inventory-premium-row-v222 */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header {
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header::after,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header::after {
  display: none !important;
  content: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 42px !important;
  position: relative !important;
  z-index: 40 !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount {
  flex: 0 0 auto !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar {
  display: grid !important;
  grid-template-columns: 320px 72px 72px 168px 220px !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 10px !important;
  width: max-content !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar > [data-inventory-select="warehouse"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar > [data-inventory-select="stock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar > [data-inventory-select="warehouse"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar > [data-inventory-select="stock"] {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-search-wrap {
  order: 1 !important;
  width: 320px !important;
  max-width: 320px !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-search-wrap .search-input,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-search-wrap .search-input {
  width: 320px !important;
  max-width: 320px !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchButton {
  order: 2 !important;
  width: 72px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton {
  order: 3 !important;
  width: 72px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-filter-field {
  order: 4 !important;
  width: 168px !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-inventory-sort-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-inventory-sort-field {
  order: 5 !important;
  width: 220px !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filter-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-search-wrap .search-input,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-search-wrap .search-input,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button {
  min-height: 36px !important;
  border-radius: 999px !important;
  border-color: rgba(17, 24, 39, 0.16) !important;
  background: rgba(255, 255, 255, 0.34) !important;
  color: #111827 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 10px 24px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(14px) saturate(126%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(126%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.22) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-tools,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-tools,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-operation-tools,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-operation-tools,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: auto !important;
  min-width: max-content !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button {
  padding: 0 16px !important;
  border-radius: 999px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-field {
  position: relative !important;
  z-index: 80 !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-field.is-open,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-field.is-open {
  z-index: 260 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu:not(.unified-category-filter-menu),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu:not(.unified-category-filter-menu) {
  z-index: 360 !important;
  top: calc(100% + 8px) !important;
  min-width: 100% !important;
  padding: 8px !important;
  border: 1px solid rgba(17, 24, 39, 0.14) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
  backdrop-filter: blur(18px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(132%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu[data-inventory-select-menu="category"]:not(.unified-category-filter-menu),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu[data-inventory-select-menu="category"]:not(.unified-category-filter-menu) {
  width: 360px !important;
  max-width: calc(100vw - 48px) !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-cascade,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-column,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-cascade,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-column,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option.is-active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary.is-active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary.is-selected,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-option.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-primary.is-selected,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-secondary.is-active {
  background: transparent !important;
  background-image: none !important;
  color: #000000 !important;
  box-shadow: none !important;
}

/* main-finished-inventory-select-single-shell-v223 */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-field.is-open > .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-button:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-field.is-open > .finished-inventory-select-button {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* main-finished-inventory-dropdown-and-cards-v224 */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu:not(.unified-category-filter-menu),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu:not(.unified-category-filter-menu) {
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(20px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(132%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu[data-inventory-select-menu="category"]:not(.unified-category-filter-menu),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-select-menu[data-inventory-select-menu="category"]:not(.unified-category-filter-menu) {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-filter-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-category-filter-wrap {
  position: static !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table {
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  background: transparent !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th .sort-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th .inventory-sort-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th .sort-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th .inventory-sort-button {
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody tr,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody tr {
  filter: drop-shadow(0 16px 28px rgba(15, 23, 42, 0.08)) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td {
  border-top: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.34) !important;
  background: rgba(255, 255, 255, 0.48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
  backdrop-filter: blur(18px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(128%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:first-child,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: 18px 0 0 18px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:last-child,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: 0 18px 18px 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody tr:hover td,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody tr.is-selected td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody tr:hover td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody tr.is-selected td {
  background: rgba(255, 255, 255, 0.62) !important;
}

/* main-finished-inventory-sort-cascade-v226 */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-inventory-sort-menu,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-inventory-sort-menu {
  width: 280px !important;
  max-width: calc(100vw - 48px) !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-cascade,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-cascade {
  display: grid !important;
  grid-template-columns: minmax(142px, 1fr) 96px !important;
  gap: 8px !important;
  align-items: stretch !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-column,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-list,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-list {
  border-left: 1px solid rgba(15, 23, 42, 0.1) !important;
  padding-left: 8px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 0 26px 0 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #0f4f95 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option:focus-visible {
  background: rgba(15, 79, 149, 0.06) !important;
  outline: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option.is-active::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option.is-active::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 9px !important;
  bottom: 9px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: #0f4f95 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option.is-active::after,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-field-option.is-active::after {
  content: ">" !important;
  position: absolute !important;
  right: 10px !important;
  color: #0f4f95 !important;
  font-size: 13px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option.is-active::after,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .main-finished-sort-direction-option.is-active::after {
  content: "✓" !important;
  position: absolute !important;
  right: 10px !important;
  color: #0f4f95 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}



/* main-finished-inventory-toolbar-glass-buttons-v230 */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount #inventorySearchResetButton.ghost-button:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:active {
  min-height: 36px !important;
  border-color: rgba(148, 163, 184, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  background-image: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 22px rgba(15, 23, 42, 0.07) !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
  backdrop-filter: blur(16px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(128%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:active {
  border-color: #111827 !important;
  background: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.22) !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu {
  position: relative !important;
  overflow: visible !important;
  z-index: 120 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu:hover #inventoryMovementViewButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu:hover #inventoryMovementViewButton {
  border-radius: 999px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown {
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 420 !important;
  min-width: 116px !important;
  padding: 8px !important;
  border: 1px solid rgba(17, 24, 39, 0.14) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  overflow: hidden !important;
  backdrop-filter: blur(18px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(132%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button.is-active {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  background-image: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
}





/* main finished inventory compact table v235 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  height: 48px !important;
  padding: 0 18px !important;
  color: rgba(17, 24, 39, 0.78) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="totalStock"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="code"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="productImage"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="pendingShipmentCount"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="shippingTransitCount"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="lastSalesDate"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="unsoldDays"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="stockStatus"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="actions"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="totalStock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="code"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="productImage"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="pendingShipmentCount"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="shippingTransitCount"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="lastSalesDate"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="unsoldDays"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="stockStatus"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="actions"] {
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td {
  min-height: 96px !important;
  padding: 16px 18px !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  vertical-align: middle !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:not(.finished-inventory-info-cell),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:not(.finished-inventory-info-cell) {
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:not(.finished-inventory-title-cell),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table tbody td:not(.finished-inventory-title-cell) {
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-title-cell,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-title-cell {
  text-align: left !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-image-cell,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-image-cell {
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-info,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-info {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb {
  width: 72px !important;
  height: 72px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb img,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb span,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.42 !important;
  text-align: left !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-code-cell,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-code-cell {
  letter-spacing: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio strong,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio em,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow strong,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow em,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio strong,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio em,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow strong,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow em {
  font-style: normal !important;
  font-weight: 900 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio .is-locked,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-ratio .is-locked {
  color: #dc3545 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow .is-return,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow .is-return {
  color: #dc3545 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-date,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-date,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-date.is-empty,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days.is-empty,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-date.is-empty,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days.is-empty {
  color: #9ca3af !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-out,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-out {
  background: rgba(248, 113, 113, 0.16) !important;
  color: #dc3545 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:focus-visible {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #111418 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button svg,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
/* main finished inventory compact table v235 end */

/* main finished inventory header surface v239 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead {
  background: rgba(232, 246, 250, 0.74) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
  backdrop-filter: blur(16px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(128%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  background: rgba(255, 255, 255, 0.38) !important;
  border-bottom: 1px solid rgba(120, 144, 156, 0.18) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:first-child,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:first-child {
  border-radius: 16px 0 0 16px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:last-child,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:last-child {
  border-radius: 0 16px 16px 0 !important;
}
/* main finished inventory header surface v239 end */

/* main-finished-inventory-catalog-button-parity-v233 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:active {
  min-height: 36px !important;
  border: 1px solid rgba(23, 78, 166, 0.16) !important;
  border-color: rgba(23, 78, 166, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  background-color: rgba(255, 255, 255, 0.76) !important;
  background-image: none !important;
  color: #26322d !important;
  -webkit-text-fill-color: #26322d !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
  backdrop-filter: blur(16px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(128%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown {
  left: 0 !important;
  right: auto !important;
  background: rgba(255, 255, 255, 0.76) !important;
  background-color: rgba(255, 255, 255, 0.76) !important;
}
/* main-finished-inventory-catalog-button-parity-v233 end */






/* main finished inventory stitch glass layout v243 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  margin: 0 0 24px !important;
  padding: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  display: grid !important;
  grid-template-columns: minmax(260px, auto) minmax(320px, 1fr) minmax(190px, 220px) auto auto !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar [data-inventory-select="stock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar [data-inventory-select="stock"] {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"] {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: fit-content !important;
  min-height: 48px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"] > span,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"] > span {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="category"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="category"] {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:focus-visible {
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: #1c1c1e !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"] .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"] .finished-inventory-select-button {
  padding: 0 28px !important;
  background: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap {
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:focus-visible {
  min-width: 136px !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 26px !important;
  background: #1c1c1e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:focus-visible {
  min-width: 84px !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  color: rgba(28, 28, 30, 0.72) !important;
  -webkit-text-fill-color: rgba(28, 28, 30, 0.72) !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden auto !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead {
  background: rgba(255, 255, 255, 0.3) !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  height: 72px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.36) !important;
  background: transparent !important;
  color: rgba(28, 28, 30, 0.56) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="totalStock"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="availableStock"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="pendingShipmentCount"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="shippingTransitCount"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="actions"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="totalStock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="availableStock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="pendingShipmentCount"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="shippingTransitCount"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="actions"] {
  text-align: right !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="stockStatus"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th[data-inventory-column="stockStatus"] {
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background 160ms ease !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.4) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td {
  height: 112px !important;
  padding: 18px 24px !important;
  border: 0 !important;
  background: transparent !important;
  color: #1c1c1e !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="totalStock"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="availableStock"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="pendingShipmentCount"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="shippingTransitCount"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="actions"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="totalStock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="availableStock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="pendingShipmentCount"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="shippingTransitCount"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="actions"] {
  text-align: right !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="stockStatus"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td[data-inventory-column="stockStatus"] {
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-code-cell,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-code-cell {
  color: rgba(28, 28, 30, 0.72) !important;
  font-family: "JetBrains Mono", Consolas, monospace !important;
  font-weight: 500 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-title-cell,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-title-cell {
  max-width: 330px !important;
  text-align: left !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name {
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-meta,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-meta {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(28, 28, 30, 0.45) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  color: #1c1c1e !important;
  font-family: "JetBrains Mono", Consolas, monospace !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count.is-alert,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow .is-alert,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count.is-alert,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow .is-alert {
  color: #ff3b30 !important;
  font-weight: 800 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill {
  min-width: 72px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-healthy,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-healthy {
  background: rgba(52, 199, 89, 0.12) !important;
  color: #16a34a !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-warning,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-low,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-warning,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-low {
  background: rgba(255, 149, 0, 0.12) !important;
  color: #d97706 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-out,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill.is-out {
  background: rgba(255, 59, 48, 0.1) !important;
  color: #dc2626 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-settings-button:focus-visible {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #007aff !important;
  -webkit-text-fill-color: #007aff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  margin-top: -78px !important;
  padding: 18px 24px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

@media (max-width: 1280px) {
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* main finished inventory stitch glass layout v243 end */

/* main finished inventory stitch reference v247 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  align-items: start !important;
  gap: 24px !important;
  margin: 0 0 36px !important;
  padding: 4px 0 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-heading-copy,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-heading-copy {
  display: block !important;
  visibility: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-heading-copy h3,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-heading-copy h3 {
  margin: 0 !important;
  color: #0b1220 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-subtitle,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-subtitle {
  display: block !important;
  margin-top: 8px !important;
  color: rgba(15, 23, 42, 0.42) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-warehouse-tabs,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-warehouse-tabs {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-height: 0 !important;
  gap: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount .finished-inventory-filterbar {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-operation-tools,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-operation-tools,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu {
  order: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton {
  order: 2 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton {
  order: 4 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton, #inventoryInboundButton),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton, #inventoryInboundButton):is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton, #inventoryInboundButton),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton, #inventoryInboundButton):is(:hover, :focus-visible, :active) {
  min-width: 132px !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(160%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton:is(:hover, :focus-visible, :active) {
  border-color: transparent !important;
  background: #007aff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(0, 122, 255, 0.28) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown {
  right: auto !important;
  left: 0 !important;
  top: calc(100% + 10px) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: blur(22px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 0 40px !important;
  padding: 28px 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  display: flex !important;
  grid-column: 1 !important;
  align-items: center !important;
  gap: 0 !important;
  width: max-content !important;
  min-height: 48px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible) {
  min-width: 96px !important;
  min-height: 40px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(17, 24, 39, 0.62) !important;
  -webkit-text-fill-color: rgba(17, 24, 39, 0.62) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active {
  background: #ffffff !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  display: grid !important;
  grid-column: 2 !important;
  grid-template-columns: minmax(320px, 1fr) minmax(190px, 240px) 136px 96px !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="stock"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .main-finished-inventory-sort-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMaterialFilterWrap, #inventorySupplierFilterWrap, #inventorySpecFilterWrap),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="stock"],
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .main-finished-inventory-sort-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMaterialFilterWrap, #inventorySupplierFilterWrap, #inventorySpecFilterWrap) {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap {
  order: 1 !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  order: 2 !important;
  width: auto !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton {
  order: 3 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton {
  order: 4 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input {
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 18px 0 44px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  color: #111418 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-title,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-title {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:is(:hover, :focus-visible, :active) {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:is(:hover, :focus-visible, :active) {
  min-width: 136px !important;
  min-height: 52px !important;
  border-radius: 999px !important;
  background: #1c1c1e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:is(:hover, :focus-visible, :active) {
  min-width: 96px !important;
  min-height: 52px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  color: rgba(28, 28, 30, 0.72) !important;
  -webkit-text-fill-color: rgba(28, 28, 30, 0.72) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-bottom: 0 !important;
  border-radius: 32px 32px 0 0 !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 20px 56px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  height: 76px !important;
  padding: 0 32px !important;
  color: rgba(28, 28, 30, 0.48) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td {
  height: 112px !important;
  padding: 18px 32px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: -1px 0 0 !important;
  padding: 22px 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 0 0 32px 32px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 22px 56px rgba(15, 23, 42, 0.07) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .number-pager .pager-number,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .number-pager .pager-number {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: transparent !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .number-pager .pager-number.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .number-pager .pager-number.is-active {
  background: #007aff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(0, 122, 255, 0.26) !important;
}

@media (max-width: 1360px) {
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
    grid-template-columns: 1fr !important;
  }

  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
    grid-column: 1 !important;
  }
}
/* main finished inventory stitch reference v247 end */

/* main finished inventory stitch reference v248 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-metric-grid,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-metric-grid {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  grid-template-columns: minmax(316px, auto) minmax(0, 1fr) !important;
  grid-auto-flow: dense !important;
  align-items: center !important;
  min-height: 120px !important;
  margin: 0 0 28px !important;
  padding: 28px 32px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  grid-row: 1 !important;
  grid-column: 1 !important;
  align-self: center !important;
  justify-self: start !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  grid-row: 1 !important;
  grid-column: 2 !important;
  align-self: center !important;
  grid-template-columns: minmax(360px, 1fr) minmax(180px, 240px) 136px 96px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  margin-top: 0 !important;
}

@media (max-width: 1360px) {
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
/* main finished inventory stitch reference v248 end */

/* main finished inventory stitch detail v249 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryInboundButton),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryInboundButton):is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryInboundButton),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryInboundButton):is(:hover, :focus-visible, :active) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 132px !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryMovementViewButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryMovementViewButton::before {
  content: "\21ba";
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton::before {
  content: "\2194";
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before {
  content: "\002b";
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryMovementViewButton::before,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton::before,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryMovementViewButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: currentColor !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before {
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  font-size: 19px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header {
  margin-bottom: 42px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  min-height: 126px !important;
  margin-bottom: 38px !important;
  padding: 30px 34px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.07) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  min-height: 50px !important;
  background: rgba(17, 24, 39, 0.055) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible) {
  min-width: 104px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  grid-template-columns: minmax(380px, 1fr) minmax(190px, 240px) 138px 98px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button {
  min-height: 54px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.075) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead {
  background: rgba(255, 255, 255, 0.36) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  color: rgba(28, 28, 30, 0.56) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td {
  height: 116px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name {
  max-width: 520px !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill {
  min-width: 86px !important;
  padding: 7px 14px !important;
  font-size: 11px !important;
  backdrop-filter: blur(8px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(150%) !important;
}

@media (max-width: 1360px) {
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
    min-height: 0 !important;
    margin-bottom: 28px !important;
    padding: 24px !important;
  }

  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
    grid-template-columns: minmax(240px, 1fr) minmax(168px, 220px) 128px 92px !important;
  }
}
/* main finished inventory stitch detail v249 end */

/* main finished inventory stitch align v250 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  grid-template-columns: minmax(330px, auto) minmax(0, 1fr) !important;
  grid-auto-rows: 54px !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 126px !important;
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  box-sizing: border-box !important;
  height: 54px !important;
  min-height: 54px !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  padding: 4px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active {
  box-sizing: border-box !important;
  height: 46px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  height: 54px !important;
  min-height: 54px !important;
  align-self: center !important;
  align-items: center !important;
  grid-template-columns: minmax(420px, 1fr) minmax(190px, 240px) 138px 98px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap {
  height: 54px !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button {
  box-sizing: border-box !important;
  height: 54px !important;
  min-height: 54px !important;
  align-self: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  display: flex !important;
  align-items: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-title-cell,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-title-cell {
  vertical-align: middle !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name {
  margin: 0 !important;
  display: block !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-meta,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-meta {
  display: none !important;
}

@media (max-width: 1360px) {
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
    grid-auto-rows: auto !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
  body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
    height: auto !important;
    min-height: 54px !important;
    grid-template-columns: minmax(240px, 1fr) minmax(168px, 220px) 128px 92px !important;
  }
}
/* main finished inventory stitch align v250 end */

/* main finished inventory stitch dropdown sales v251 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  position: relative !important;
  overflow: visible !important;
  z-index: 80 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-wrap,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-field {
  position: relative !important;
  overflow: visible !important;
  z-index: 90 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-field.is-open,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-field.is-open {
  z-index: 1200 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-menu:not(.unified-category-filter-menu),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-menu:not(.unified-category-filter-menu) {
  z-index: 1300 !important;
  top: calc(100% + 12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
  backdrop-filter: blur(22px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(175%) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-menu:not(.unified-category-filter-menu),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-menu:not(.unified-category-filter-menu) {
  width: 360px !important;
  max-width: calc(100vw - 48px) !important;
  max-height: min(420px, calc(100vh - 180px)) !important;
  overflow: hidden auto !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-cascade,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-column,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-cascade,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-column,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option.is-active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary.is-active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary.is-selected,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary:focus-visible,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary.is-selected,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary:focus-visible,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary.is-active {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #0f172a !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  position: relative !important;
  z-index: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 64px !important;
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111418 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
/* main finished inventory stitch dropdown sales v251 end */

/* main finished inventory scroll performance v252 start */
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page),
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .dashboard-layout {
  background-attachment: scroll !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  background: rgba(255, 255, 255, 0.76) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  background: rgba(255, 255, 255, 0.76) !important;
  contain: paint !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  background: rgba(255, 255, 255, 0.5) !important;
}
/* main finished inventory scroll performance v252 end */

/* main finished inventory slim density v253 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  grid-auto-rows: 44px !important;
  min-height: 92px !important;
  margin-bottom: 28px !important;
  padding: 18px 24px !important;
  gap: 20px !important;
  border-radius: 26px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  height: 44px !important;
  min-height: 44px !important;
  padding: 3px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active {
  height: 38px !important;
  min-height: 38px !important;
  min-width: 88px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab::after,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active::after,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab::after,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  height: 44px !important;
  min-height: 44px !important;
  gap: 12px !important;
  grid-template-columns: minmax(360px, 1fr) minmax(178px, 220px) 124px 84px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap {
  height: 44px !important;
  min-height: 44px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:is(:hover, :focus-visible, :active),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:is(:hover, :focus-visible, :active),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:is(:hover, :focus-visible, :active) {
  height: 44px !important;
  min-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 13px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary {
  min-width: 124px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button {
  min-width: 84px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  border-radius: 26px 26px 0 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  height: 58px !important;
  padding: 0 24px !important;
  font-size: 12px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td {
  height: 88px !important;
  min-height: 88px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 14px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days {
  font-size: 13px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-stock-pill {
  min-width: 78px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  padding: 16px 24px !important;
  border-radius: 0 0 26px 26px !important;
}
/* main finished inventory slim density v253 end */

/* main finished inventory outbound action v254 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton:is(:hover, :focus-visible, :active) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  order: 3 !important;
  min-width: 132px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #111418 !important;
  -webkit-text-fill-color: #111418 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton::before,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton::before {
  content: "\2212";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  border-radius: 999px !important;
  background: rgba(17, 24, 39, 0.08) !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton {
  order: 4 !important;
}
/* main finished inventory outbound action v254 end */

/* main finished inventory flow layer perf v255 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-operation-tools,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-operation-tools,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons {
  position: relative !important;
  overflow: visible !important;
  z-index: 1500 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu {
  position: relative !important;
  overflow: visible !important;
  z-index: 1600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu:focus-within,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu:hover,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu:focus-within {
  z-index: 1800 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown {
  z-index: 1700 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons .ghost-button:is(:hover, :focus-visible, :active) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* main finished inventory flow layer perf v255 end */

/* main finished inventory number size v257 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days {
  font-size: 14px !important;
}
/* main finished inventory number size v257 end */

/* main finished inventory filter outline v258 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  background: rgba(255, 255, 255, 0.44) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap:focus-within,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field:is(:hover, :focus-within, .is-open),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap:focus-within,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field:is(:hover, :focus-within, .is-open) {
  border-color: rgba(37, 99, 235, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 12px 24px rgba(37, 99, 235, 0.08) !important;
}
/* main finished inventory filter outline v258 end */

/* main finished inventory filter radius v259 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  border-radius: 999px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button:is(:hover, :focus-visible, :active) {
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}
/* main finished inventory filter radius v259 end */

/* main finished inventory filter shell align v260 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap {
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button:is(:hover, :focus-visible, :active),
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button,
body:not([data-dashboard-workspace]) #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button:is(:hover, :focus-visible, :active) {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* main finished inventory filter shell align v260 end */

/* shipping source inline overlap focus v272 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-note [data-shipping-source-editable] {
  display: inline-block !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 1em !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  text-decoration: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-note [data-shipping-source-editable]:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-note [data-shipping-source-editable]:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-note [data-shipping-source-editable]:active {
  outline: 0 !important;
  outline-offset: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-note:focus-within [data-shipping-source-editable] {
  outline: 0 !important;
  outline-offset: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-decoration: none !important;
}

html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  grid-template-columns: minmax(0, 1fr) 64px 64px 72px 72px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  gap: 10px !important;
  width: 430px !important;
  min-width: 0 !important;
  max-width: 430px !important;
  justify-self: start !important;
  justify-content: stretch !important;
  align-items: center !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  transform: none !important;
}

html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchInput {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  transform: none !important;
}

html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  grid-template-columns: minmax(0, 1fr) 64px 64px 72px 72px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  gap: 10px !important;
  width: 430px !important;
  min-width: 0 !important;
  max-width: 430px !important;
  justify-self: start !important;
  justify-content: stretch !important;
  align-items: center !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  transform: none !important;
}

html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchInput {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  transform: none !important;
}

html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  grid-template-columns: minmax(0, 1fr) 64px 64px 72px 72px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  gap: 10px !important;
  width: 430px !important;
  min-width: 0 !important;
  max-width: 430px !important;
  justify-self: start !important;
  justify-content: stretch !important;
  align-items: center !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  transform: none !important;
}

html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchInput {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  transform: none !important;
}

/* shipping source IME gap v274 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-note [data-shipping-source-editable] {
  cursor: text !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  ime-mode: auto !important;
}

html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  justify-self: start !important;
}

/* shipping card editable meta v279 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-card-meta-editable] {
  display: block !important;
  min-width: 1em !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #14233c !important;
  -webkit-text-fill-color: #14233c !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.24 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: text !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-card-meta-editable]:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-card-meta-editable]:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-card-meta-editable]:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-editable-meta-item:focus-within [data-shipping-card-meta-editable] {
  border: 0 !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-card-meta-editable]:empty::before {
  content: attr(data-placeholder) !important;
  color: rgba(122, 134, 152, 0.72) !important;
  -webkit-text-fill-color: rgba(122, 134, 152, 0.72) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-source-editable].is-empty::before {
  content: attr(data-placeholder) !important;
  color: rgba(122, 134, 152, 0.72) !important;
  -webkit-text-fill-color: rgba(122, 134, 152, 0.72) !important;
  font-weight: 760 !important;
}

/* shipping editable meta detail visible area v284 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-editable-meta-item {
  min-width: 0 !important;
  min-height: 38px !important;
  align-content: start !important;
  cursor: text !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-card-meta-editable] {
  display: inline-block !important;
  width: 100% !important;
  min-width: 28px !important;
  min-height: 18px !important;
  caret-color: #14233c !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card [data-shipping-card-meta-field="detail"] {
  min-width: 40px !important;
}

/* shipping source detail swapped v285 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-meta-item {
  min-width: 0 !important;
  min-height: 38px !important;
  align-content: start !important;
  cursor: text !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-meta-item [data-shipping-source-editable] {
  display: inline-block !important;
  width: 100% !important;
  min-width: 28px !important;
  min-height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #14233c !important;
  -webkit-text-fill-color: #14233c !important;
  caret-color: #14233c !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-meta-item [data-shipping-source-editable]:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-meta-item [data-shipping-source-editable]:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-meta-item [data-shipping-source-editable]:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-source-meta-item:focus-within [data-shipping-source-editable] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-decoration: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  cursor: text !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  display: block !important;
  width: 100% !important;
  min-width: 72px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* shipping detail footer wraps full text v286 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  align-items: start !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  line-height: 1.35 !important;
}

/* shipping detail footer fixed line wide input v287 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  grid-template-columns: minmax(112px, 128px) minmax(0, 1fr) minmax(74px, auto) !important;
  align-items: center !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  grid-column: 2 !important;
  align-items: center !important;
  min-height: 28px !important;
  max-height: 28px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.2 !important;
}

/* shipping detail footer fixed title multiline lane v290 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  grid-template-columns: minmax(112px, 128px) minmax(0, 1fr) minmax(74px, auto) !important;
  align-items: center !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  grid-column: 2 !important;
  align-items: start !important;
  align-self: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 28px !important;
  max-height: 28px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  height: 18px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  -webkit-line-clamp: 2 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  -webkit-box-orient: vertical !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note.is-empty [data-shipping-card-meta-field="detail"] {
  display: block !important;
  height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

/* shipping detail label absolute pin v291 */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  position: relative !important;
  grid-template-columns: 132px minmax(0, 1fr) 74px !important;
  align-items: center !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  position: absolute !important;
  left: 148px !important;
  top: 7px !important;
  width: calc(100% - 230px) !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note > span {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 40px !important;
  height: 18px !important;
  line-height: 18px !important;
  display: block !important;
  white-space: nowrap !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  position: absolute !important;
  left: 49px !important;
  top: 0 !important;
  width: calc(100% - 49px) !important;
  min-width: 0 !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  display: -webkit-box !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note.is-empty [data-shipping-card-meta-field="detail"] {
  position: absolute !important;
  left: 49px !important;
  top: 0 !important;
  display: -webkit-box !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  white-space: normal !important;
}

/* catalog category cascade no hover follow v298 */
html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-item {
  transition: none !important;
  will-change: auto !important;
}

html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-item:hover:not(.is-active) {
  background: transparent !important;
  border-color: transparent !important;
  color: #26322d !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

/* catalog category cascade flat paint performance v300 */
html body #catalogItemModal .catalog-category-cascade-panel {
  background: #f8fcfd !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
  contain: layout paint style !important;
  isolation: isolate !important;
  transform: translateZ(0) !important;
}

html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-search,
html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-search input,
html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-column {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-columns,
html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-list {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  filter: none !important;
  contain: layout style !important;
}

html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-list {
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  will-change: scroll-position !important;
}

html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-item,
html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-item * {
  transition: none !important;
  animation: none !important;
}

/* catalog category cascade static hover lock v301 */
html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-item:hover {
  background: transparent !important;
  color: #26322d !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

html body #catalogItemModal .catalog-category-cascade-panel .catalog-category-cascade-item.is-active {
  background: rgba(223, 237, 250, 0.9) !important;
  color: #174f96 !important;
  border-color: rgba(139, 171, 208, 0.42) !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* catalog category cascade list-specific hover lock v302 */
html body #catalogItemModal #catalogCategoryPrimaryList .catalog-category-cascade-item:hover,
html body #catalogItemModal #catalogCategorySecondaryList .catalog-category-cascade-item:hover {
  background: transparent !important;
  color: #26322d !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

html body #catalogItemModal #catalogCategoryPrimaryList .catalog-category-cascade-item:hover span,
html body #catalogItemModal #catalogCategoryPrimaryList .catalog-category-cascade-item:hover::after,
html body #catalogItemModal #catalogCategorySecondaryList .catalog-category-cascade-item:hover span,
html body #catalogItemModal #catalogCategorySecondaryList .catalog-category-cascade-item:hover::after {
  color: #26322d !important;
  -webkit-text-fill-color: #26322d !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body #catalogItemModal #catalogCategoryPrimaryList .catalog-category-cascade-item.is-active,
html body #catalogItemModal #catalogCategorySecondaryList .catalog-category-cascade-item.is-active {
  background: rgba(223, 237, 250, 0.9) !important;
  color: #174f96 !important;
  border-color: rgba(139, 171, 208, 0.42) !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* main finished inventory clean SaaS refresh v303 start */
body.is-main-finished-inventory-view:not(.is-dashboard-login-page) {
  background: #f5f8fc !important;
}

html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .content-main {
  background: #f5f8fc !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 24px 28px 32px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #111827 !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-metric-grid,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-warehouse-tabs,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-filter-mount,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-selected-product-hint {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) auto !important;
  align-items: start !important;
  gap: 24px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-heading-copy {
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-heading-copy h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-subtitle {
  display: block !important;
  margin: 8px 0 0 !important;
  color: #667085 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-header-actions,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-operation-tools,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-menu {
  order: 1 !important;
  position: relative !important;
  z-index: 30 !important;
  display: inline-flex !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton {
  order: 2 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton {
  order: 3 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton {
  order: 4 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton):is(:hover, :focus-visible, :active) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 118px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid #dde5f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton:is(:hover, :focus-visible, :active) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 118px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid #1677ff !important;
  border-radius: 12px !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryMovementViewButton::before,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton::before,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton::before,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryMovementViewButton::before {
  content: "\21bb" !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryTransferButton::before {
  content: "\2194" !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryOutboundButton::before {
  content: "\2212" !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton::before {
  content: "\002b" !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown {
  top: calc(100% + 8px) !important;
  right: auto !important;
  left: 0 !important;
  z-index: 80 !important;
  min-width: 132px !important;
  padding: 8px !important;
  border: 1px solid #e5eaf0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-flow-dropdown button {
  border-radius: 8px !important;
  color: #344054 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  position: relative !important;
  z-index: 20 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  height: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  border: 1px solid #e8eef6 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: auto !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f3f6fa !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus-visible) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active:is(:hover, :focus-visible) {
  border-bottom: 0 !important;
  background: #ffffff !important;
  color: #1677ff !important;
  -webkit-text-fill-color: #1677ff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  text-decoration: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab::after,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) 180px 88px 76px !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filter-field[data-inventory-select="stock"],
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .main-finished-inventory-sort-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMaterialFilterWrap, #inventorySupplierFilterWrap, #inventorySpecFilterWrap) {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap {
  position: relative !important;
  order: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap::before {
  content: "\2315" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  z-index: 1 !important;
  color: #98a2b3 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 16px 0 42px !important;
  border: 1px solid #dde5f0 !important;
  border-radius: 12px !important;
  outline: none !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 44px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input::placeholder {
  color: #98a2b3 !important;
  opacity: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap:focus-within .search-input {
  border-color: #1677ff !important;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.1) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  position: relative !important;
  order: 2 !important;
  width: 180px !important;
  min-width: 180px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid #dde5f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-title {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-wrap {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:is(:hover, :focus-visible, :active),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field .finished-inventory-select-button:is(:hover, :focus-visible, :active) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button::after {
  color: #667085 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton {
  order: 3 !important;
  width: 88px !important;
  min-width: 88px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid #1677ff !important;
  border-radius: 12px !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(22, 119, 255, 0.18) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton {
  order: 4 !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid #e5eaf0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-field.is-open {
  z-index: 90 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-menu:not(.unified-category-filter-menu) {
  top: calc(100% + 8px) !important;
  right: auto !important;
  left: 0 !important;
  z-index: 100 !important;
  min-width: 100% !important;
  padding: 8px !important;
  border: 1px solid #e5eaf0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-menu:not(.unified-category-filter-menu) {
  width: 360px !important;
  max-width: min(360px, calc(100vw - 48px)) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-cascade,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-column {
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #344054 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-option:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-primary:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-secondary:hover {
  background: #f7fbff !important;
  color: #1677ff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin-top: 24px !important;
  padding: 0 !important;
  border: 1px solid #e8eef6 !important;
  border-bottom: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  contain: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table {
  width: 100% !important;
  min-width: 1120px !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead {
  background: #fafbfc !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  height: 56px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-bottom: 1px solid #eef2f6 !important;
  background: #fafbfc !important;
  color: #667085 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(n + 4) {
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr {
  border: 0 !important;
  filter: none !important;
  transform: none !important;
  box-shadow: none !important;
  transition: background-color 0.12s ease !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td {
  height: 68px !important;
  min-height: 68px !important;
  padding: 8px 24px !important;
  border: 0 !important;
  border-bottom: 1px solid #eef2f6 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  vertical-align: middle !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(odd) td {
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(even) td {
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:hover td {
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(1),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(1) {
  width: 126px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(2),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(2) {
  width: 92px !important;
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(3),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(3) {
  width: auto !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(n + 4),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(n + 4) {
  width: 118px !important;
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-code-cell {
  color: #111827 !important;
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-title-cell {
  text-align: left !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name {
  display: -webkit-box !important;
  max-width: 440px !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .catalog-thumb {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 1px solid #e5eaf0 !important;
  border-radius: 12px !important;
  background: #f3f6fa !important;
  box-shadow: none !important;
  overflow: hidden !important;
  filter: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb span {
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: #111827 !important;
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count.is-alert,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow .is-alert {
  color: #ef4444 !important;
  font-weight: 700 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 1px solid #e8eef6 !important;
  border-top: 0 !important;
  border-radius: 0 0 16px 16px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 26px rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager .panel-tip {
  color: #667085 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .pager-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .number-pager {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .number-pager .pager-number,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #prevInventoryPageButton,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #nextInventoryPageButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid #dde5f0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .number-pager .pager-number.is-active {
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .pager-ellipsis {
  display: inline-flex !important;
  align-items: center !important;
  height: 34px !important;
  color: #667085 !important;
}

@media (max-width: 1360px) {
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 132px !important;
    gap: 14px !important;
  }

  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
    grid-column: 1 !important;
  }
}
/* main finished inventory clean SaaS refresh v303 end */

/* main finished inventory reference SaaS alignment v304 start */
body.is-main-finished-inventory-view:not(.is-dashboard-login-page),
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .content-main {
  background: #f6f9fd !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1402px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px 18px 32px !important;
  background: transparent !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header {
  grid-template-columns: minmax(280px, 1fr) auto !important;
  align-items: start !important;
  margin: 0 0 20px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-heading-copy h3 {
  font-size: 31px !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-panel-subtitle {
  margin-top: 8px !important;
  color: #667085 !important;
  font-size: 14px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-action-toolbar-buttons {
  gap: 12px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton).ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton).ghost-button:is(:hover, :focus-visible, :active) {
  min-width: 118px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton.ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventoryInboundButton.ghost-button:is(:hover, :focus-visible, :active) {
  min-width: 128px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1px solid #1677ff !important;
  border-radius: 12px !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(22, 119, 255, 0.22) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
  display: grid !important;
  grid-template-columns: 294px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  height: 98px !important;
  min-height: 98px !important;
  padding: 24px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs {
  width: 294px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 3px !important;
  border-radius: 12px !important;
  background: #f1f4f8 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab {
  min-width: 96px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active {
  background: #ffffff !important;
  color: #1677ff !important;
  -webkit-text-fill-color: #1677ff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  grid-template-columns: 568px 220px 88px 76px !important;
  justify-content: start !important;
  gap: 16px !important;
  width: 1000px !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input {
  border: 1px solid #dbe4ef !important;
  background: #ffffff !important;
  line-height: 48px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field {
  width: 220px !important;
  min-width: 220px !important;
  border: 1px solid #dbe4ef !important;
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchButton.ghost-button.primary:is(:hover, :focus-visible, :active) {
  width: 88px !important;
  min-width: 88px !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #1677ff !important;
  border-radius: 12px !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.2) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #inventorySearchResetButton.ghost-button:is(:hover, :focus-visible, :active) {
  width: 76px !important;
  min-width: 76px !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #e5eaf0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap {
  margin-top: 24px !important;
  border: 1px solid #e3ebf5 !important;
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055) !important;
  overflow-x: hidden !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table thead,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  background: #fbfcfe !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th {
  height: 62px !important;
  padding: 0 24px !important;
  border-bottom: 1px solid #edf2f7 !important;
  color: #667085 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td {
  height: 72px !important;
  min-height: 72px !important;
  padding: 8px 24px !important;
  border-bottom: 1px solid #edf2f7 !important;
  font-size: 14px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(odd) td {
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(even) td {
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:hover td {
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(1),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(1) {
  width: 128px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(2),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(2) {
  width: 104px !important;
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(3),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(3) {
  width: 360px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(n + 4),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(n + 4) {
  width: 129px !important;
  text-align: center !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-name {
  max-width: 350px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb {
  width: 56px !important;
  height: 56px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .thumb-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .product-thumb,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-product-thumb .catalog-thumb {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 12px !important;
  border-color: #e5eaf0 !important;
  background: #f7f9fc !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-count,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-flow,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-last-sales,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-unsold-days {
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  height: 64px !important;
  min-height: 64px !important;
  border-color: #e3ebf5 !important;
  border-radius: 0 0 14px 14px !important;
  background: #ffffff !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .number-pager .pager-number.is-active {
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
}

@media (max-width: 1500px) {
  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory {
    max-width: none !important;
  }

  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
    grid-template-columns: minmax(360px, 1fr) 200px 88px 76px !important;
    width: 100% !important;
  }
}
/* main finished inventory reference SaaS alignment v304 end */

/* main finished inventory full-width shell v305 start */
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page),
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .dashboard-layout,
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .content,
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .content-main {
  background: #ffffff !important;
  background-image: none !important;
  background-attachment: initial !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 18px 32px !important;
  background: transparent !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-table-wrap,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory > .group-pager {
  width: 100% !important;
  max-width: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar {
  grid-template-columns: minmax(520px, 1fr) 220px 88px 76px !important;
  width: 100% !important;
  max-width: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table {
  width: 100% !important;
  min-width: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(3),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(3) {
  width: 410px !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table th:nth-child(n + 4),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table td:nth-child(n + 4) {
  width: auto !important;
}
/* main finished inventory full-width shell v305 end */

/* main finished inventory restore system gradient v306 start */
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page),
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .dashboard-layout {
  background:
    radial-gradient(ellipse 54vw 38vh at 72vw 4vh, rgba(164, 225, 229, 0.64), transparent 72%),
    radial-gradient(ellipse 42vw 50vh at 8vw 10vh, rgba(223, 226, 249, 0.78), transparent 74%),
    linear-gradient(115deg, #f4f7ff 0%, #eef8fb 47%, #fff6f5 100%) !important;
  background-attachment: fixed !important;
}

html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .content,
html body.is-main-finished-inventory-view:not(.is-dashboard-login-page) .content-main {
  background: transparent !important;
  background-image: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory {
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* main finished inventory restore system gradient v306 end */

/* main finished inventory stable filter controls v307 start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls:is(:hover, :focus-within) {
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 98px !important;
  min-height: 98px !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-location-tabs:is(:hover, :focus-within) {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  box-sizing: border-box !important;
  flex: 0 0 294px !important;
  width: 294px !important;
  min-width: 294px !important;
  max-width: 294px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:is(:hover, :focus, :focus-visible, :active),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active:is(:hover, :focus, :focus-visible, :active) {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  box-sizing: border-box !important;
  flex: 0 0 96px !important;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  outline: 0 !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:not(.is-active),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab:not(.is-active):is(:hover, :focus, :focus-visible, :active) {
  background: transparent !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .inventory-location-tab.is-active:is(:hover, :focus, :focus-visible, :active) {
  background: #ffffff !important;
  color: #1677ff !important;
  -webkit-text-fill-color: #1677ff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventorySearchButton, #inventorySearchResetButton),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-filterbar:is(:hover, :focus-within),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap:is(:hover, :focus-within),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-search-wrap .search-input:is(:hover, :focus, :focus-visible, :active),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-category-filter-field:is(:hover, :focus-within),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .finished-inventory-select-button:is(:hover, :focus, :focus-visible, :active),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#inventorySearchButton, #inventorySearchResetButton):is(:hover, :focus, :focus-visible, :active) {
  top: auto !important;
  left: auto !important;
  margin-top: 0 !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
}
/* main finished inventory stable filter controls v307 end */

/* material inventory saas parity v309 start */
html body.is-material-inventory-view:not(.is-dashboard-login-page),
html body.is-material-inventory-view:not(.is-dashboard-login-page) .dashboard-layout {
  background:
    radial-gradient(ellipse 54vw 38vh at 72vw 4vh, rgba(164, 225, 229, 0.64), transparent 72%),
    radial-gradient(ellipse 42vw 50vh at 8vw 10vh, rgba(223, 226, 249, 0.78), transparent 74%),
    linear-gradient(115deg, #f4f7ff 0%, #eef8fb 47%, #fff6f5 100%) !important;
  background-attachment: fixed !important;
}

html body.is-material-inventory-view:not(.is-dashboard-login-page) .content,
html body.is-material-inventory-view:not(.is-dashboard-login-page) .content-main {
  background: transparent !important;
  background-image: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory {
  max-width: none !important;
  padding: 18px 18px 32px !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-panel-header {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) auto !important;
  align-items: start !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-heading-copy {
  display: block !important;
  visibility: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventoryPanelTitle {
  display: block !important;
  visibility: visible !important;
  margin: 0 !important;
  color: #101828 !important;
  font-size: 31px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventoryPanelSubtitle {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventoryWarehouseTabs {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-header-actions {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-header-filter-mount {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-operation-tools,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar-buttons,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-toolbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar-buttons > .ghost-button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-flow-menu > .ghost-button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #materialAddButton.ghost-button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #materialImportButton.ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventoryInboundButton.ghost-button {
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.18) !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-flow-menu {
  position: relative !important;
  overflow: visible !important;
  z-index: 120 !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-flow-dropdown {
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 420 !important;
  min-width: 116px !important;
  padding: 8px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-flow-dropdown button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-flow-dropdown button:is(:hover, :focus, :focus-visible, :active, .is-active) {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls {
  display: grid !important;
  grid-template-columns: 294px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 98px !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  transform: none !important;
  transition: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  width: 294px !important;
  min-width: 294px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-location-tab,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-location-tab:is(:hover, :focus, :focus-visible, :active),
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-location-tab.is-active {
  flex: 1 1 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-location-tab.is-active {
  background: #ffffff !important;
  color: #1677ff !important;
  -webkit-text-fill-color: #1677ff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-location-tab::after {
  content: none !important;
  display: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-filterbar {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) 154px 154px 154px 76px 88px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"],
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-filter-field[data-inventory-select="category"],
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-filter-field[data-inventory-select="stock"],
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .main-finished-inventory-sort-field {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-search-wrap {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-search-wrap::before {
  content: "\2315" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  z-index: 1 !important;
  color: #667085 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-search-wrap::after {
  content: none !important;
  display: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-search-wrap .search-input,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory :is(#inventoryMaterialFilterWrap, #inventorySupplierFilterWrap, #inventorySpecFilterWrap).inventory-split-filter,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventorySearchResetButton.ghost-button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventorySearchButton.ghost-button.primary {
  height: 44px !important;
  min-height: 44px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-search-wrap .search-input {
  width: 100% !important;
  padding: 0 16px 0 42px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 44px !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-search-wrap .search-input::placeholder {
  color: #98a2b3 !important;
  opacity: 1 !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-search-wrap:focus-within .search-input {
  border-color: #1677ff !important;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.1) !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory :is(#inventoryMaterialFilterWrap, #inventorySupplierFilterWrap, #inventorySpecFilterWrap).inventory-split-filter {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-split-filter-label {
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-cascade-filter-button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-cascade-filter-button:is(:hover, :focus, :focus-visible, :active),
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-split-filter.is-open .inventory-cascade-filter-button {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-cascade-panel {
  z-index: 2500 !important;
  min-width: 220px !important;
  padding: 8px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-cascade-panel button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-cascade-panel button:is(:hover, :focus, :focus-visible, :active, .is-active),
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-cascade-option-row,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory :is(.inventory-cascade-primary, .inventory-cascade-secondary-wrap, .inventory-cascade-secondary) {
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventorySearchResetButton.ghost-button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventorySearchButton.ghost-button.primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory #inventorySearchButton.ghost-button.primary {
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.18) !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-table-wrap {
  max-width: 100% !important;
  margin-top: 24px !important;
  padding: 0 !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px 14px 0 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table {
  width: 100% !important;
  min-width: 1520px !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table thead,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table thead tr {
  background: #fbfcfe !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table th,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table th .sort-button,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table th .inventory-sort-button {
  height: 62px !important;
  padding: 0 18px !important;
  border: 0 !important;
  background: #fbfcfe !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  white-space: normal !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:hover,
html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr.is-selected {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody td {
  height: 68px !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-top: 1px solid #eef2f7 !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:nth-child(even) td {
  background: #ffffff !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:hover td {
  background: #f8fafc !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr.is-selected td {
  background: #ffffff !important;
}

html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .group-pager {
  height: 64px !important;
  min-height: 64px !important;
  margin-top: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #e8eef6 !important;
  border-top: 0 !important;
  border-radius: 0 0 16px 16px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
}

@media (max-width: 1180px) {
  html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .inventory-panel-header,
  html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-filterbar {
    grid-template-columns: minmax(220px, 1fr) 1fr 1fr !important;
  }

  html body.is-material-inventory-view #inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* material inventory saas parity v309 end */

/* material inventory saas specificity lock v310 start */
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls {
  display: grid !important;
  grid-template-columns: 294px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 98px !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: 294px !important;
  min-width: 294px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs .inventory-location-tab {
  flex: 1 1 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs .inventory-location-tab.is-active {
  background: #ffffff !important;
  color: #1677ff !important;
  -webkit-text-fill-color: #1677ff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filterbar {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) 154px 154px 154px 76px 88px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filterbar .search-input,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filterbar .inventory-cascade-filter-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filterbar .ghost-button {
  border-radius: 12px !important;
}

@media (max-width: 1180px) {
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filterbar {
    grid-template-columns: minmax(220px, 1fr) 1fr 1fr !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* material inventory saas specificity lock v310 end */

/* shipping detail footer hitbox lock v308 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info {
  position: relative !important;
  z-index: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  position: relative !important;
  z-index: 3 !important;
  grid-template-columns: 132px minmax(0, 1fr) 74px !important;
  align-items: center !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta {
  grid-column: 1 !important;
  min-width: 0 !important;
  max-width: 132px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-actions {
  grid-column: 3 !important;
  position: relative !important;
  z-index: 5 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  position: absolute !important;
  left: 148px !important;
  top: 7px !important;
  width: calc(100% - 230px) !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  z-index: 4 !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note > span {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 40px !important;
  height: 18px !important;
  line-height: 18px !important;
  display: block !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  position: absolute !important;
  left: 49px !important;
  top: 0 !important;
  width: calc(100% - 49px) !important;
  min-width: 0 !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  display: -webkit-box !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  pointer-events: auto !important;
  cursor: text !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note.is-empty [data-shipping-card-meta-field="detail"] {
  position: absolute !important;
  left: 49px !important;
  top: 0 !important;
  display: -webkit-box !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  white-space: normal !important;
  pointer-events: auto !important;
}
/* shipping detail footer hitbox lock v308 end */

/* shipping detail footer inline lane v309 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 74px !important;
  column-gap: 14px !important;
  align-items: center !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-info {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 150px) minmax(118px, 1fr) !important;
  column-gap: 14px !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  max-width: 150px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-actions {
  grid-column: 2 !important;
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  min-width: 74px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  grid-column: 2 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  min-width: 118px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(72px, 1fr) !important;
  column-gap: 8px !important;
  align-items: start !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  z-index: 4 !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 40px !important;
  height: 18px !important;
  line-height: 18px !important;
  display: block !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  min-width: 72px !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  display: -webkit-box !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  pointer-events: auto !important;
  cursor: text !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note.is-empty [data-shipping-card-meta-field="detail"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  min-width: 72px !important;
  display: -webkit-box !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  white-space: normal !important;
  pointer-events: auto !important;
}
/* shipping detail footer inline lane v309 end */

/* shipping card/table footer alignment v345 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 74px !important;
  column-gap: 14px !important;
  align-items: center !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-info {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 150px) minmax(118px, 1fr) !important;
  column-gap: 14px !important;
  align-items: start !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 30px !important;
  max-height: 30px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  align-self: start !important;
  margin: 0 !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  column-gap: 4px !important;
  align-items: start !important;
  max-width: 150px !important;
  height: 28px !important;
  max-height: 28px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note > span {
  height: 18px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta strong {
  min-width: 0 !important;
  height: 18px !important;
  line-height: 18px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note {
  grid-column: 2 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: 40px minmax(72px, 1fr) !important;
  column-gap: 8px !important;
  width: 100% !important;
  min-width: 118px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  overflow: hidden !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  grid-column: 2 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 14px !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
/* shipping card/table shipped count and footer alignment v345 end */

/* shipping multi-shop id popover v346 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-id-breakdown-trigger,
html body:not(.is-dashboard-login-page) .shipping-id-breakdown-trigger {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 6px !important;
  padding: 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-id-breakdown-trigger:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-id-breakdown-trigger.is-open {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-identity-item.is-multi-shop-id,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-identity-breakdown {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-popover {
  position: fixed !important;
  z-index: 2147483000 !important;
  width: min(380px, calc(100vw - 24px)) !important;
  max-height: min(420px, calc(100vh - 24px)) !important;
  overflow: auto !important;
  padding: 14px !important;
  border: 1px solid rgba(122, 171, 181, 0.34) !important;
  border-radius: 18px !important;
  background: rgba(244, 252, 253, 0.94) !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  box-shadow: none !important;
  color: #102033 !important;
  -webkit-text-fill-color: #102033 !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-popover-title {
  margin: 0 0 10px !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-status {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(122, 171, 181, 0.24) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  color: #51627a !important;
  -webkit-text-fill-color: #51627a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  box-shadow: none !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) button.shipping-id-breakdown-status {
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-status.is-error {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
  border-color: rgba(226, 23, 23, 0.24) !important;
  background: rgba(255, 241, 242, 0.7) !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row {
  padding: 10px 0 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.24) !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row:first-child,
html body:not(.is-dashboard-login-page) .shipping-id-breakdown-status + .shipping-id-breakdown-row {
  border-top: 0 !important;
  padding-top: 0 !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row > strong {
  display: block !important;
  margin-bottom: 8px !important;
  color: #101827 !important;
  -webkit-text-fill-color: #101827 !important;
  font-size: 13px !important;
  font-weight: 940 !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row dl {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row dl > div {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: start !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row dt,
html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row dd {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  user-select: text !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row dt {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 850 !important;
}

html body:not(.is-dashboard-login-page) .shipping-id-breakdown-row dd {
  color: #14233c !important;
  -webkit-text-fill-color: #14233c !important;
  font-weight: 880 !important;
  overflow-wrap: anywhere !important;
}
/* shipping multi-shop id popover v346 end */

/* shipping sort menu stable final override v318 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelector #shippingSortSelectorMenu.shipping-toolbar-dropdown-menu {
  width: 560px !important;
  max-width: min(92vw, 590px) !important;
  padding: 12px 16px 16px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(122, 171, 181, 0.32) !important;
  background: rgba(231, 248, 250, 0.94) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelector #shippingSortSelectorMenu.shipping-toolbar-dropdown-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-select {
  border: 1px solid rgba(122, 171, 181, 0.3) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  background-image: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-panel,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-rules,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-rule,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field {
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-button > span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-menu {
  position: absolute !important;
  z-index: 2147483002 !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  display: grid !important;
  gap: 2px !important;
  padding: 6px !important;
  border: 1px solid rgba(122, 171, 181, 0.3) !important;
  border-radius: 16px !important;
  background: rgba(231, 248, 250, 0.96) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.16) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-option {
  display: flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #27343a !important;
  -webkit-text-fill-color: #27343a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-option:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-option:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-option.is-active {
  background: rgba(77, 154, 176, 0.18) !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-field-option:disabled {
  cursor: not-allowed !important;
  opacity: 0.42 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction {
  border: 1px solid rgba(122, 171, 181, 0.3) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button.is-active {
  background-image: none !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button.is-active {
  background: rgba(77, 154, 176, 0.22) !important;
  color: #16333d !important;
  -webkit-text-fill-color: #16333d !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-add,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-add:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-add:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-add:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-add:active {
  box-shadow: none !important;
  outline: none !important;
}
/* shipping sort menu stable final override v318 end */

/* shipping table view toolbar final alignment v339 start */
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  grid-template-columns: minmax(0, 1fr) 52px 52px 58px 6px 58px !important;
  grid-template-rows: var(--shipping-control-height) var(--shipping-control-height) !important;
  column-gap: 6px !important;
  row-gap: 6px !important;
  width: 430px !important;
  max-width: 430px !important;
  overflow: visible !important;
  align-items: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchInput {
  order: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchButton {
  order: 1 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchResetButton {
  order: 2 !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingOrdersExportButton {
  order: 3 !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingViewSwitcher {
  order: 4 !important;
  grid-column: 4 / span 2 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  align-self: start !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingInventoryImportButton {
  order: 5 !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* shipping table view toolbar final alignment v339 end */

/* shipping card/table no-pager and toolbar alignment v348 start */
html body[data-main-view="shipping"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="aggregate"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls,
html body[data-main-view="shipping-shop"]:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  display: grid !important;
  grid-template-columns: minmax(108px, 1fr) 52px 52px 58px 58px 74px !important;
  grid-template-rows: var(--shipping-control-height) !important;
  column-gap: 6px !important;
  row-gap: 0 !important;
  width: min(100%, 444px) !important;
  max-width: 444px !important;
  align-items: center !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchInput {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchButton {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchResetButton {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingOrdersExportButton {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingInventoryImportButton {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingViewSwitcher {
  grid-column: 6 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .group-pager {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.is-search-highlighted td {
  background: rgba(255, 245, 194, 0.74) !important;
  box-shadow: inset 3px 0 0 #e21717 !important;
}

html body:not(.is-dashboard-login-page) #detailDrawer.is-orders-mode .drawer-orders-panel .orders-table tbody tr.is-search-highlighted .shipping-order-no-stack strong {
  color: #e21717 !important;
}
/* shipping card/table no-pager and toolbar alignment v348 end */

/* shipping ewaybill print diagnostics v355 start */
html body:not(.is-dashboard-login-page) #orderDrawerEwaybillPanel .ewaybill-print-diagnostics {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 8px !important;
}

html body:not(.is-dashboard-login-page) #orderDrawerEwaybillPanel .ewaybill-print-diagnostic-button,
html body:not(.is-dashboard-login-page) #orderDrawerEwaybillPanel .ewaybill-print-diagnostic-button:is(:hover, :focus-visible, :active) {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
/* shipping ewaybill print diagnostics v355 end */

/* shipping progress layout v358 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  align-items: start !important;
  width: 100% !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-progress-note {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  row-gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-progress-note > span {
  display: block !important;
  min-width: 0 !important;
  height: 16px !important;
  line-height: 16px !important;
  color: #8e9196 !important;
  -webkit-text-fill-color: #8e9196 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-progress-note-value {
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  max-height: 51px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1a1a1c !important;
  -webkit-text-fill-color: #1a1a1c !important;
  font-size: 13px !important;
  font-weight: 880 !important;
  line-height: 17px !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  cursor: text !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-progress-note-value.is-empty::before,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-progress-note-value:empty::before {
  content: attr(data-placeholder) !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table {
  min-width: 1580px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(9),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td.shipping-data-progress-cell {
  width: 184px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-progress-cell {
  overflow: hidden !important;
  position: relative !important;
  z-index: 5 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-progress-cell .shipping-data-table-editable {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-progress-cell .shipping-data-progress-value {
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-height: 64px !important;
  line-height: 16px !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
}
/* shipping progress layout v358 end */

/* shipping progress footer and table balance v359 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  align-items: start !important;
  min-height: 90px !important;
  max-height: 104px !important;
  padding-top: 10px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-info {
  display: grid !important;
  grid-template-columns: minmax(0, 150px) minmax(118px, 1fr) !important;
  grid-template-rows: auto 28px !important;
  row-gap: 8px !important;
  column-gap: 14px !important;
  align-items: start !important;
  height: auto !important;
  min-height: 74px !important;
  max-height: 82px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  max-height: 51px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note > span {
  height: 18px !important;
  line-height: 18px !important;
  color: rgba(23, 33, 49, 0.78) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.78) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note-value {
  grid-column: 2 !important;
  display: -webkit-box !important;
  min-width: 0 !important;
  min-height: 34px !important;
  max-height: 51px !important;
  line-height: 17px !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table {
  min-width: 1580px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(3),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(3) {
  width: 204px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(4),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(4) {
  width: 176px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(5),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(5) {
  width: 88px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(7),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(7) {
  width: 192px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(8),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(8) {
  width: 104px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(9),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td.shipping-data-progress-cell {
  width: 160px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(10),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10) {
  width: 216px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(11),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(11) {
  width: 104px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(8) .shipping-data-table-editable-value,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(11) .shipping-data-table-editable-value {
  white-space: normal !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(5) .shipping-data-table-tag {
  max-width: 100% !important;
}
/* shipping progress footer and table balance v359 end */

/* shipping progress footer compact two-column v360 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  align-items: start !important;
  min-height: 58px !important;
  max-height: 84px !important;
  padding-top: 8px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-info {
  display: grid !important;
  grid-template-columns: minmax(130px, 0.85fr) minmax(0, 1.45fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important;
  row-gap: 6px !important;
  align-items: center !important;
  height: auto !important;
  min-height: 46px !important;
  max-height: 70px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  max-width: none !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  align-self: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note > span {
  height: 18px !important;
  line-height: 18px !important;
  color: rgba(23, 33, 49, 0.78) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.78) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note-value {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note-value.is-empty,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note-value:empty {
  min-height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  -webkit-line-clamp: 1 !important;
}
/* shipping progress footer compact two-column v360 end */

/* shipping progress footer natural height v361 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  padding-top: 6px !important;
  padding-bottom: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-info {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  row-gap: 6px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-meta {
  min-height: 18px !important;
  height: 18px !important;
  max-height: 36px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note {
  min-height: 18px !important;
  max-height: 18px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note {
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note [data-shipping-card-meta-field="detail"] {
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-line-clamp: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note.is-empty [data-shipping-card-meta-field="detail"],
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-detail-note [data-shipping-card-meta-field="detail"]:empty {
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
  -webkit-line-clamp: 1 !important;
}
/* shipping progress footer natural height v361 end */

/* shipping replenishment D1 desktop summary start */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-progress-note {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-media-info {
  width: 100% !important;
  grid-template-columns: minmax(130px, 0.85fr) minmax(0, 1.45fr) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-replenishment-task-note {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: start !important;
  min-width: 0 !important;
  min-height: 18px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-clear-card .shipping-clear-card-footer .shipping-clear-replenishment-task-note > span {
  height: 18px !important;
  line-height: 18px !important;
  color: rgba(23, 33, 49, 0.78) !important;
  -webkit-text-fill-color: rgba(23, 33, 49, 0.78) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(15, 23, 42, 0.88) !important;
  -webkit-text-fill-color: rgba(15, 23, 42, 0.88) !important;
  font: inherit !important;
  font-size: 12px !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
  align-items: center !important;
  vertical-align: middle !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open::before,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open::after {
  content: none !important;
  display: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-empty {
  display: flex !important;
  background: #fff !important;
  color: rgba(23, 27, 33, 0.55) !important;
  -webkit-text-fill-color: rgba(23, 27, 33, 0.55) !important;
  justify-content: flex-start !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel [data-shipping-card-meta-field="warehouse"] {
  width: 60px !important;
  max-width: 60px !important;
  margin-inline: auto !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open:disabled {
  cursor: default !important;
  opacity: 0.62 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-clear-replenishment-task-note .shipping-replenishment-open {
  display: flex !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: 36px !important;
  line-height: 18px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-clear-replenishment-task-note [data-shipping-replenishment-summary] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  gap: 0 10px !important;
  min-width: 0 !important;
  max-height: 36px !important;
  overflow: hidden !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table th:nth-child(13),
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table td:nth-child(13) {
  width: 132px !important;
  text-align: left !important;
  overflow: hidden !important;
  position: relative !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table th:nth-child(14),
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table td:nth-child(14) {
  width: 90px !important;
  text-align: left !important;
  overflow: visible !important;
  position: relative !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-task-cell,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-table {
  width: 100% !important;
  min-width: 0 !important;
  max-height: calc(var(--shipping-replenishment-summary-lines, 2) * 18px) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table th:nth-child(12),
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table td:nth-child(12) {
  width: 202px !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-table {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingTableView[data-shipping-row-height="low"] {
  --shipping-replenishment-summary-lines: 2;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingTableView[data-shipping-row-height="medium"] {
  --shipping-replenishment-summary-lines: 3;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingTableView[data-shipping-row-height="high"] {
  --shipping-replenishment-summary-lines: 4;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-table [data-shipping-replenishment-summary] {
  display: -webkit-box !important;
  min-width: 0 !important;
  max-height: calc(var(--shipping-replenishment-summary-lines, 2) * 18px) !important;
  overflow: hidden !important;
  line-height: 18px !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: var(--shipping-replenishment-summary-lines, 2) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-table [data-shipping-replenishment-summary] > span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-table [data-shipping-replenishment-summary] > .shipping-replenishment-display-item,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-card [data-shipping-replenishment-summary] > .shipping-replenishment-display-item {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  height: 18px !important;
  line-height: 18px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-open.is-card [data-shipping-replenishment-summary] > .shipping-replenishment-display-item {
  flex: 0 1 auto !important;
  max-width: 100% !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-display-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-display-more {
  flex: 0 0 auto !important;
  color: #7b818a !important;
  -webkit-text-fill-color: #7b818a !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-display-item[data-tone="pending"] {
  color: #c94444 !important;
  -webkit-text-fill-color: #c94444 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-display-item[data-tone="partial"] {
  color: #b7791f !important;
  -webkit-text-fill-color: #b7791f !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-display-item[data-tone="arrived"] {
  color: #2f855a !important;
  -webkit-text-fill-color: #2f855a !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-display-item[data-tone="procuring"] {
  color: #526f8a !important;
  -webkit-text-fill-color: #526f8a !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-replenishment-display-item[data-tone="noReplenish"] {
  color: #7b818a !important;
  -webkit-text-fill-color: #7b818a !important;
}

.shipping-replenishment-modal {
  display: none;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal {
  position: fixed;
  inset: 0;
  z-index: 10080;
  display: grid;
  place-items: center;
  padding: 24px;
}

.shipping-replenishment-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 26, 51, 0.48);
}

.shipping-replenishment-modal-dialog {
  position: relative;
  width: min(680px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid #d9e2ec;
  border-radius: 14px;
  background: #fff;
  color: #071a33;
  padding: 20px;
  box-shadow: none;
}

.shipping-replenishment-modal-dialog > header,
.shipping-replenishment-modal-dialog > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shipping-replenishment-modal-dialog h2,
.shipping-replenishment-modal-dialog h3,
.shipping-replenishment-modal-dialog p {
  margin: 0;
}

.shipping-replenishment-modal-dialog h2 { font-size: 20px; }
.shipping-replenishment-modal-dialog h3 { margin-bottom: 10px; font-size: 14px; }
.shipping-replenishment-modal-dialog > header > button { font-size: 24px; }
.shipping-replenishment-existing,
.shipping-replenishment-drafts,
.shipping-replenishment-shop-choice { margin-top: 18px; }
.shipping-replenishment-existing-item,
.shipping-replenishment-shop-choice { display: flex; align-items: center; gap: 10px; }
.shipping-replenishment-existing-item { justify-content: flex-start; padding: 8px 10px; border-radius: 8px; background: #f4f7fa; }
.shipping-replenishment-existing-item > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shipping-replenishment-existing-item > span { white-space: nowrap; }
.shipping-replenishment-existing-item > button { margin-left: auto; }
.shipping-replenishment-existing-item + .shipping-replenishment-existing-item { margin-top: 6px; }

.shipping-replenishment-draft-head,
.shipping-replenishment-draft-row,
.shipping-replenishment-existing-editor {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 88px minmax(120px, 1fr) 72px;
  gap: 8px;
  align-items: center;
}

.shipping-replenishment-draft-head {
  padding: 0 2px 6px;
  color: #526579;
  font-size: 12px;
  font-weight: 800;
}

.shipping-replenishment-draft-row {
  margin-bottom: 8px;
}

.shipping-replenishment-draft-row input,
.shipping-replenishment-existing-editor input,
.shipping-replenishment-modal-dialog button {
  box-sizing: border-box;
  min-height: 36px;
  border: 1px solid #cbd7e3;
  border-radius: 8px;
  background: #fff;
  color: #071a33;
  padding: 0 10px;
  font: inherit;
  box-shadow: none !important;
}

.shipping-replenishment-modal-dialog button { appearance: none; -webkit-appearance: none; cursor: pointer; font-weight: 700; box-shadow: none !important; }
.shipping-replenishment-modal-dialog button:disabled { cursor: default; opacity: .55; }
.shipping-replenishment-modal-dialog button.is-primary { border-color: #071a33; background: #071a33; color: #fff; }
.shipping-replenishment-modal-dialog button.is-danger { border-color: #d92d20; color: #b42318; }
.shipping-replenishment-add-row { margin-top: 2px; }
.shipping-replenishment-modal .shipping-replenishment-draft-head,
.shipping-replenishment-modal .shipping-replenishment-draft-row {
  grid-template-columns: minmax(220px, 1fr) 88px minmax(120px, 1fr) 72px;
}
.shipping-replenishment-modal .shipping-replenishment-add-row-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 88px minmax(120px, 1fr) 72px;
  gap: 8px;
}
.shipping-replenishment-modal .shipping-replenishment-add-row {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
  word-break: keep-all;
}
.shipping-replenishment-modal-dialog > footer { justify-content: flex-end; margin-top: 18px; }
.shipping-replenishment-modal-message { min-height: 20px; margin-top: 12px !important; color: #526579; }
.shipping-replenishment-modal-message.is-error { color: #b42318; }
.shipping-replenishment-modal-empty,
.shipping-replenishment-readonly { color: #687b8f; }

.shipping-replenishment-existing-item.is-editing { display: block; }
.shipping-replenishment-existing-editor { grid-template-columns: minmax(180px, 1fr) 88px minmax(120px, 1fr) 176px; }
.shipping-replenishment-existing-copy { min-width: 0; display: flex; align-items: baseline; gap: 8px; }
.shipping-replenishment-existing-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shipping-replenishment-existing-status,
.shipping-replenishment-existing-fulfilled { flex: 0 0 auto; padding: 2px 7px; border-radius: 999px; background: rgba(59, 130, 246, 0.1); color: #245ea8; font-size: 11px; font-weight: 750; line-height: 1.5; white-space: nowrap; }
.shipping-replenishment-existing-status[data-status="ARRIVED"] { background: rgba(22, 163, 74, 0.1); color: #15803d; }
.shipping-replenishment-existing-status[data-status="NO_REPLENISH"] { background: rgba(100, 116, 139, 0.12); color: #526579; }
.shipping-replenishment-existing-copy small { color: #526579; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shipping-replenishment-existing-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.shipping-replenishment-existing-actions button { min-width: 52px; padding-inline: 8px; }

.shipping-replenishment-type-picker { position: relative; min-width: 0; }
.shipping-replenishment-type-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 36px;
  gap: 6px;
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
}
.shipping-replenishment-type-trigger .shipping-glass-caret {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #526579;
  border-bottom: 1.5px solid #526579;
  transform: rotate(45deg);
  transition: transform 160ms ease;
}
.shipping-replenishment-type-trigger[aria-expanded="true"] .shipping-glass-caret { transform: rotate(225deg); }
.shipping-replenishment-type-menu {
  position: absolute;
  z-index: 4;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  padding: 5px;
  border: 1px solid rgba(203, 215, 227, 0.92);
  border-radius: 10px;
  background: rgba(248, 251, 253, 0.92);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  animation: shipping-glass-menu-in 160ms ease both;
  box-shadow: none;
}
.shipping-replenishment-type-menu[hidden] { display: none !important; }
.shipping-replenishment-type-menu .shipping-glass-option {
  width: 100%;
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  text-align: left;
}
.shipping-replenishment-type-menu .shipping-glass-option.is-active { background: #071a33; color: #fff; }
@keyframes shipping-glass-menu-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* shipping replenishment D1 desktop summary end */

/* catalog assignment inline picker v362 start */
html body:not(.is-dashboard-login-page) .catalog-meta-cell.catalog-designer-cell,
html body:not(.is-dashboard-login-page) .catalog-meta-cell.catalog-anchor-cell {
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) .catalog-assignment-trigger {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding: 5px 8px 5px 10px !important;
  border: 1px solid rgba(203, 213, 225, 0.82) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #18212f !important;
  -webkit-text-fill-color: #18212f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) .catalog-assignment-trigger:hover,
html body:not(.is-dashboard-login-page) .catalog-assignment-trigger:focus-visible,
html body:not(.is-dashboard-login-page) .catalog-assignment-trigger.is-open {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: rgba(255, 255, 255, 0.90) !important;
  box-shadow:
    0 0 0 2px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) .catalog-assignment-trigger.is-empty {
  color: rgba(100, 116, 139, 0.82) !important;
  -webkit-text-fill-color: rgba(100, 116, 139, 0.82) !important;
}

html body:not(.is-dashboard-login-page) .catalog-assignment-text {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .catalog-assignment-caret {
  flex: 0 0 auto !important;
  color: rgba(71, 85, 105, 0.76) !important;
  -webkit-text-fill-color: rgba(71, 85, 105, 0.76) !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu {
  position: fixed !important;
  z-index: 2147482000 !important;
  min-width: 168px !important;
  max-width: min(260px, calc(100vw - 24px)) !important;
  max-height: min(300px, calc(100vh - 24px)) !important;
  overflow: auto !important;
  padding: 6px !important;
  border: 1px solid rgba(203, 213, 225, 0.74) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(232, 247, 249, 0.82)),
    rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button {
  width: 100% !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button:hover,
html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button.is-active {
  background: rgba(15, 23, 42, 0.08) !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button.is-clear {
  color: rgba(71, 85, 105, 0.82) !important;
  -webkit-text-fill-color: rgba(71, 85, 105, 0.82) !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu small {
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(100, 116, 139, 0.82) !important;
  -webkit-text-fill-color: rgba(100, 116, 139, 0.82) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
/* catalog assignment inline picker v362 end */

/* catalog assignment visible main card picker v363 start */
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric {
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger {
  min-height: 22px !important;
  height: 22px !important;
  width: min(116px, 100%) !important;
  max-width: 116px !important;
  padding: 2px 7px !important;
  border-color: rgba(203, 213, 225, 0.64) !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger:hover,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger:focus-visible,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger:hover,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger:focus-visible {
  border-color: rgba(37, 99, 235, 0.44) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-caret {
  font-size: 10px !important;
}
/* catalog assignment visible main card picker v363 end */

/* unified catalog category selector/settings v363 start */
html body:not(.is-dashboard-login-page) .catalog-category-picker-search,
html body:not(.is-dashboard-login-page) .finished-inventory-category-search {
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.86) !important;
}

html body:not(.is-dashboard-login-page) .catalog-category-picker-search input,
html body:not(.is-dashboard-login-page) .finished-inventory-category-search input,
html body:not(.is-dashboard-login-page) .settings-catalog-primary-create input,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-create input {
  width: 100% !important;
  min-height: 32px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #172033 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) .finished-inventory-category-modes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 8px 10px 0 !important;
}

html body:not(.is-dashboard-login-page) .finished-inventory-category-modes button,
html body:not(.is-dashboard-login-page) .settings-catalog-category-actions .ghost-button,
html body:not(.is-dashboard-login-page) .settings-catalog-primary-create .ghost-button,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-create .ghost-button {
  min-height: 30px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(203, 213, 225, 0.82) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #172033 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

html body:not(.is-dashboard-login-page) .finished-inventory-category-modes button.is-active,
html body:not(.is-dashboard-login-page) .settings-catalog-primary-create .ghost-button.primary,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-create .ghost-button.primary {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: rgba(37, 99, 235, 0.1) !important;
  color: #1d4ed8 !important;
}

html body:not(.is-dashboard-login-page) .finished-inventory-category-primary,
html body:not(.is-dashboard-login-page) .finished-inventory-category-secondary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

html body:not(.is-dashboard-login-page) .finished-inventory-category-count {
  flex: 0 0 auto !important;
  color: rgba(100, 116, 139, 0.86) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-card {
  display: grid !important;
  gap: 14px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-head,
html body:not(.is-dashboard-login-page) .settings-catalog-primary-create,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-create,
html body:not(.is-dashboard-login-page) .settings-catalog-category-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-head,
html body:not(.is-dashboard-login-page) .settings-catalog-category-row {
  justify-content: space-between !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-head h4 {
  margin: 0 !important;
  color: #172033 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-head p {
  margin: 4px 0 0 !important;
  color: rgba(71, 85, 105, 0.88) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-group {
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 8px !important;
  background: rgba(248, 250, 252, 0.72) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-row {
  min-height: 36px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-row.is-secondary {
  margin-left: 18px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-anchor-row.is-disabled {
  opacity: 0.66 !important;
  background: rgba(241, 245, 249, 0.78) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-name {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 780 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-name em {
  padding: 2px 6px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.16) !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-style: normal !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-usage {
  color: rgba(71, 85, 105, 0.86) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-actions .ghost-button.danger {
  color: #b91c1c !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-actions .ghost-button:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-message,
html body:not(.is-dashboard-login-page) .settings-catalog-category-empty {
  padding: 10px 12px !important;
  border-radius: 8px !important;
  background: rgba(241, 245, 249, 0.82) !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

@media (max-width: 760px) {
  html body:not(.is-dashboard-login-page) .settings-catalog-category-head,
  html body:not(.is-dashboard-login-page) .settings-catalog-primary-create,
  html body:not(.is-dashboard-login-page) .settings-catalog-secondary-create,
  html body:not(.is-dashboard-login-page) .settings-catalog-category-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body:not(.is-dashboard-login-page) .settings-catalog-category-row.is-secondary {
    margin-left: 0 !important;
  }

  html body:not(.is-dashboard-login-page) .settings-catalog-category-actions {
    justify-content: flex-start !important;
  }
}
/* unified catalog category selector/settings v363 end */
/* settings catalog compact manager start */
html body:not(.is-dashboard-login-page) .settings-catalog-manager-shell {
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-manager-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-manager-toolbar[hidden],
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-toolbar[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-manager-toolbar .settings-catalog-primary-create {
  width: min(420px, 100%) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-create-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-create-cell {
  min-width: 0 !important;
  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-create-input {
  width: 100% !important;
  height: 42px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #0f172a !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-create-input::placeholder {
  color: rgba(100, 116, 139, 0.72) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-create-input:focus {
  border-color: rgba(59, 130, 246, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-create-input:disabled {
  background: rgba(241, 245, 249, 0.74) !important;
  color: rgba(100, 116, 139, 0.68) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-create-button {
  height: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-manager-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  height: min(680px, calc(100vh - 220px)) !important;
  min-height: 560px !important;
  max-height: calc(100vh - 220px) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-pane,
html body:not(.is-dashboard-login-page) .settings-catalog-detail-pane {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
  border: 1px solid rgba(226, 232, 240, 0.88) !important;
  border-radius: 8px !important;
  background: rgba(248, 250, 252, 0.72) !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-pane {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-detail-pane {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-pane-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.82) !important;
  color: #172033 !important;
  font-size: 12px !important;
  font-weight: 860 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-pane-head span,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-count {
  color: rgba(71, 85, 105, 0.84) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-list {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 8px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-item {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 6px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.56) !important;
  box-shadow: none !important;
  color: #172033 !important;
  text-align: left !important;
  cursor: pointer !important;
  position: relative !important;
  transform: none !important;
  overflow-x: hidden !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-item:hover {
  border-color: rgba(203, 213, 225, 0.95) !important;
  background: rgba(248, 250, 252, 0.92) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-item.is-active {
  border-color: rgba(100, 116, 139, 0.36) !important;
  background: rgba(241, 245, 249, 0.92) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-item.is-active::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: rgba(59, 130, 246, 0.58) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-item.is-muted,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-row.is-muted {
  opacity: 0.68 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-main {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-main strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 880 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-meta {
  justify-self: end !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-count-badge,
html body:not(.is-dashboard-login-page) .settings-catalog-hidden-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
  background: rgba(226, 232, 240, 0.58) !important;
  color: rgba(71, 85, 105, 0.86) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 760 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-hidden-badge {
  background: rgba(148, 163, 184, 0.18) !important;
  color: #64748b !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-detail-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.82) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-detail-title {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-detail-title > span,
html body:not(.is-dashboard-login-page) .settings-catalog-detail-title small {
  color: rgba(71, 85, 105, 0.86) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-detail-title strong {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.72) !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-toolbar .settings-catalog-secondary-create {
  flex: 1 1 360px !important;
  max-width: 520px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-actionbar,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.72) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  overflow-x: hidden !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-actionbar.is-empty,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar.is-empty {
  justify-content: flex-start !important;
  color: rgba(100, 116, 139, 0.86) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-actionbar-title,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar-title {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-actionbar-title > span,
html body:not(.is-dashboard-login-page) .settings-catalog-actionbar-title small,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar-title > span,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar-title small {
  color: rgba(71, 85, 105, 0.86) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-actionbar-title strong,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar-title strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 880 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-actions,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actions {
  flex: 0 0 auto !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-primary-actions .settings-catalog-row-actions,
html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actions .settings-catalog-row-actions {
  flex-wrap: nowrap !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-list {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 8px !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-row {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid transparent !important;
  border-bottom-color: rgba(226, 232, 240, 0.74) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #172033 !important;
  text-align: left !important;
  cursor: pointer !important;
  transform: none !important;
  overflow-x: hidden !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-row.settings-catalog-category-row.is-secondary {
  margin: 0 !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-name {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-name span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-category-usage {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-row:hover {
  border-color: rgba(203, 213, 225, 0.86) !important;
  background: rgba(248, 250, 252, 0.9) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-secondary-row.is-active {
  border-color: rgba(148, 163, 184, 0.34) !important;
  background: rgba(241, 245, 249, 0.92) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) .settings-catalog-row-actions .ghost-button {
  min-width: 54px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
}

@media (max-width: 900px) {
  html body:not(.is-dashboard-login-page) .settings-catalog-manager-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body:not(.is-dashboard-login-page) .settings-catalog-create-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.is-dashboard-login-page) .settings-catalog-primary-list {
    max-height: 240px !important;
  }

  html body:not(.is-dashboard-login-page) .settings-catalog-detail-head,
  html body:not(.is-dashboard-login-page) .settings-catalog-secondary-toolbar,
  html body:not(.is-dashboard-login-page) .settings-catalog-primary-actionbar,
  html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar,
  html body:not(.is-dashboard-login-page) .settings-catalog-secondary-row {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  html body:not(.is-dashboard-login-page) .settings-catalog-detail-head,
  html body:not(.is-dashboard-login-page) .settings-catalog-secondary-toolbar,
  html body:not(.is-dashboard-login-page) .settings-catalog-primary-actionbar,
  html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actionbar {
    display: grid !important;
  }

  html body:not(.is-dashboard-login-page) .settings-catalog-primary-actions .settings-catalog-row-actions,
  html body:not(.is-dashboard-login-page) .settings-catalog-secondary-actions .settings-catalog-row-actions {
    flex-wrap: wrap !important;
  }
}
/* settings catalog compact manager end */
/* catalog assignment inline picker glass polish v364 start */
html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu {
  min-width: 220px !important;
  max-width: min(320px, calc(100vw - 24px)) !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(232, 247, 249, 0.62)),
    rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  box-shadow:
    0 18px 44px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button {
  min-height: 34px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: transparent !important;
  transition:
    background-color 140ms ease,
    color 140ms ease,
    transform 140ms ease !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button:hover {
  background: rgba(15, 23, 42, 0.07) !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button.is-active {
  background: rgba(37, 99, 235, 0.12) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button.is-active::after {
  content: none !important;
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu small {
  max-width: 140px !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair {
  align-items: start !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger {
  justify-self: stretch !important;
  align-self: start !important;
  min-height: 18px !important;
  height: auto !important;
  max-height: 38px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 1px 4px 1px 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.26 !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-text,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-text {
  display: -webkit-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.26 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-caret {
  opacity: 0 !important;
  transform: translateY(2px) !important;
  transition: opacity 140ms ease !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger:hover,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger:focus-visible,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger.is-open,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger:hover,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger:focus-visible,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger.is-open {
  padding-left: 4px !important;
  border-color: rgba(37, 99, 235, 0.42) !important;
  background: rgba(255, 255, 255, 0.46) !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.08) !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger:hover .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger:focus-visible .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger.is-open .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger:hover .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger:focus-visible .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger.is-open .catalog-assignment-caret {
  opacity: 1 !important;
}
/* catalog assignment inline picker glass polish v364 end */

/* product assignee dropdown right popover clean select v368 start */
html body:not(.is-dashboard-login-page) .catalog-assignment-trigger:is(:hover, :focus-visible, .is-open) {
  border-color: rgba(128, 178, 208, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(226, 246, 252, 0.54)),
    rgba(248, 253, 255, 0.74) !important;
  box-shadow:
    0 0 0 2px rgba(128, 178, 208, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger {
  position: relative !important;
  justify-content: flex-end !important;
  text-align: right !important;
  padding: 1px 0 1px 4px !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-text,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-text {
  margin-left: auto !important;
  text-align: right !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-caret,
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-caret {
  position: absolute !important;
  right: -10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(80, 111, 130, 0.70) !important;
  -webkit-text-fill-color: rgba(80, 111, 130, 0.70) !important;
}

html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-pair .catalog-assignment-trigger:is(:hover, :focus-visible, .is-open),
html body:not(.is-dashboard-login-page) #catalogSection.is-main-catalog-card-layout .catalog-copy-assignment-metric .catalog-assignment-trigger:is(:hover, :focus-visible, .is-open) {
  padding-left: 4px !important;
  border-color: rgba(128, 178, 208, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(226, 246, 252, 0.42)),
    rgba(248, 253, 255, 0.44) !important;
  box-shadow:
    0 0 0 2px rgba(128, 178, 208, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu {
  min-width: 148px !important;
  max-width: calc(100vw - 24px) !important;
  border: 1px solid rgba(148, 184, 205, 0.32) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(135deg, rgba(248, 253, 255, 0.88), rgba(226, 246, 252, 0.66)),
    rgba(255, 255, 255, 0.74) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  box-shadow:
    0 18px 46px rgba(47, 74, 94, 0.14),
    0 4px 14px rgba(92, 130, 154, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
  transform-origin: top right !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  color: #1f3342 !important;
  -webkit-text-fill-color: #1f3342 !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button:is(:hover, :focus-visible) {
  background: rgba(226, 246, 252, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(139, 186, 210, 0.18) !important;
  color: #172b3a !important;
  -webkit-text-fill-color: #172b3a !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button.is-active {
  background: rgba(215, 241, 249, 0.82) !important;
  box-shadow: inset 0 0 0 1px rgba(139, 186, 210, 0.22) !important;
  color: #16364a !important;
  -webkit-text-fill-color: #16364a !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button.is-active::after {
  content: none !important;
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu button.is-clear {
  color: rgba(84, 105, 121, 0.72) !important;
  -webkit-text-fill-color: rgba(84, 105, 121, 0.72) !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu small {
  justify-self: end !important;
  text-align: right !important;
  color: rgba(84, 105, 121, 0.70) !important;
  -webkit-text-fill-color: rgba(84, 105, 121, 0.70) !important;
}
/* product assignee dropdown right popover clean select v368 end */

/* shipping table sequence summary copy v365 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table {
  min-width: 1640px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th.shipping-table-seq-column,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td.shipping-table-seq-cell,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(1),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(1) {
  width: 56px !important;
  text-align: center !important;
  color: #64748b !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(2),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(2) {
  width: 96px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(3),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(3) {
  width: 82px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(4),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(4) {
  width: 204px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(5),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(5) {
  width: 176px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(6),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(6) {
  width: 88px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(7),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(7) {
  width: 78px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(8),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(8) {
  width: 192px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-pending-inspection-header {
  color: var(--warning-strong, #92400e) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-pending-inspection.is-positive {
  color: var(--warning-text, #b45309) !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-pending-inspection.is-zero {
  color: var(--premium-muted, rgba(23, 33, 49, 0.56)) !important;
}

/* shipping order detail dialog polish start */

@media (min-width: 761px) {
  #detailDrawer.is-orders-mode {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: clamp(56px, 6.7vh, 72px) !important;
    box-sizing: border-box !important;
  }

  #detailDrawer.is-orders-mode .detail-drawer-inner {
    max-height: calc(100vh - 112px) !important;
    transform: none;
  }
}

#detailDrawer.is-orders-mode .orders-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
}

#detailDrawer.is-orders-mode .orders-toolbar-meta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-width: 0 !important;
  gap: 12px !important;
}

#detailDrawer.is-orders-mode .order-detail-summary {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  padding-right: 12px !important;
}

#detailDrawer.is-orders-mode .order-detail-summary-segments {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

#detailDrawer.is-orders-mode .order-detail-summary-segment,
#detailDrawer.is-orders-mode .order-detail-summary-separator {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button,
#detailDrawer.is-orders-mode .order-detail-dialog-button:hover,
#detailDrawer.is-orders-mode .order-detail-dialog-button:focus-visible {
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(100, 116, 139, 0.34) !important;
  border-radius: 10px !important;
  background: rgba(241, 245, 249, 0.72) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button.is-active,
#detailDrawer.is-orders-mode .order-detail-dialog-button[aria-pressed="true"] {
  border-color: #475569 !important;
  background: #475569 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-button:disabled {
  opacity: 0.42 !important;
  cursor: not-allowed !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .shipping-table-wrap {
  min-height: 260px !important;
  overflow: auto !important;
}

#detailDrawer.is-orders-mode .drawer-orders-panel .empty-state {
  min-height: 180px !important;
  align-items: center !important;
  justify-content: center !important;
}

#detailDrawer.is-orders-mode.is-entering .detail-drawer-inner {
  opacity: 0;
  transform: translateY(-12px) !important;
  animation: shipping-order-detail-enter 180ms ease-out forwards;
}

#detailDrawer.is-orders-mode.is-closing .detail-drawer-inner {
  opacity: 1;
  transform: translateY(0) !important;
  animation: shipping-order-detail-exit 140ms ease-in forwards;
}

#detailBackdrop.detail-backdrop.is-entering {
  animation: shipping-order-detail-backdrop-enter 180ms ease-out forwards;
}

#detailBackdrop.detail-backdrop.is-closing {
  animation: shipping-order-detail-backdrop-exit 140ms ease-in forwards;
}

@keyframes shipping-order-detail-enter {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes shipping-order-detail-exit {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-12px); }
}

@keyframes shipping-order-detail-backdrop-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes shipping-order-detail-backdrop-exit {
  from { opacity: 1; }
  to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #detailDrawer.is-orders-mode.is-entering .detail-drawer-inner,
  #detailDrawer.is-orders-mode.is-closing .detail-drawer-inner,
  #detailBackdrop.detail-backdrop.is-entering,
  #detailBackdrop.detail-backdrop.is-closing {
    animation-duration: 0.01ms !important;
    transform: none !important;
  }
}
/* shipping order detail dialog polish end */

/* shipping pending inspection enterprise color start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table th.shipping-pending-inspection-header {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-pending-inspection.is-positive {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-pending-inspection.is-zero {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
}
/* shipping pending inspection enterprise color end */

/* shipping card pending inspection parity start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info-item.is-positive strong {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-clear-card .shipping-clear-premium-info-item.is-zero strong {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 800 !important;
}
/* shipping card pending inspection parity end */

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(9),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(9) {
  width: 104px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(10),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td.shipping-data-progress-cell,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10) {
  width: 160px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(11),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(11) {
  width: 216px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(12),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(12) {
  width: 104px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(13),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(13) {
  width: 76px !important;
  text-align: center !important;
  overflow: visible !important;
  position: relative !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(9),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(11),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(12) {
  overflow: visible !important;
  position: relative !important;
  z-index: 5 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(9) .shipping-data-table-editable-value,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(12) .shipping-data-table-editable-value {
  white-space: normal !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-copyable {
  cursor: pointer !important;
  border-radius: 7px !important;
  transition: color 0.14s ease, background-color 0.14s ease !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-copyable:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-copyable:focus-visible {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: rgba(37, 99, 235, 0.08) !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-spec .shipping-data-copyable {
  display: -webkit-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table tfoot td {
  height: 52px !important;
  max-height: 52px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  overflow: visible !important;
  position: relative !important;
  border-bottom: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-summary-row {
  background: rgba(248, 250, 252, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(203, 213, 225, 0.62) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-summary-row .shipping-summary-key {
  color: #111827 !important;
  font-weight: 950 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-row-count {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-quantity-cell,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-warehouse-cell {
  overflow: visible !important;
  position: relative !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-label {
  position: absolute !important;
  top: 50% !important;
  right: calc(100% + 10px) !important;
  transform: translateY(-50%) !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
/* shipping table sequence summary copy v365 end */

/* shipping daily pending inspection column v369 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table {
  min-width: 1718px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(8),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(8) {
  width: 78px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-summary-pending-inspection-cell {
  position: relative !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-summary-row .shipping-summary-label {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(9),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(9) {
  width: 192px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(10),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10) {
  width: 104px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(11),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(11) {
  width: 160px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(12),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(12) {
  width: 216px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(13),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(13) {
  width: 104px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table th:nth-child(14),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(14) {
  width: 76px !important;
  text-align: center !important;
  overflow: visible !important;
  position: relative !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(11),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(12),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(13) {
  overflow: visible !important;
  position: relative !important;
  z-index: 5 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(10) .shipping-data-table-editable-value,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table td:nth-child(13) .shipping-data-table-editable-value {
  white-space: normal !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
/* shipping daily pending inspection column v369 end */

.dashboard-compliance-footer {
  width: 100%;
  box-sizing: border-box;
  padding: 16px 12px 22px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

.dashboard-compliance-footer-inner {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 10px;
}

.dashboard-compliance-footer a {
  color: #475569;
  text-decoration: none;
}

.dashboard-police-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.dashboard-police-icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  flex: 0 0 auto;
  object-fit: contain;
}

.dashboard-compliance-footer a:hover,
.dashboard-compliance-footer a:focus-visible {
  color: #1d4ed8;
  text-decoration: underline;
}

.dashboard-compliance-separator {
  color: #cbd5e1;
}

/* shipping responsive CSS Grid renderer v6.1 start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-grid-v6-native-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  contain: layout paint !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready {
  display: block !important;
  width: var(--shipping-grid-total-width, 1718px) !important;
  min-width: var(--shipping-grid-total-width, 1718px) !important;
  border-collapse: separate !important;
  table-layout: auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > thead,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tbody,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tfoot {
  position: relative !important;
  display: block !important;
  width: var(--shipping-grid-total-width, 1718px) !important;
  min-width: var(--shipping-grid-total-width, 1718px) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > thead > tr,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tbody > tr,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tfoot > tr {
  display: grid !important;
  grid-template-columns: var(
    --shipping-grid-template,
    var(
      --shipping-grid-fallback-template,
      56px 96px 82px 204px 176px 88px 78px 78px 192px 104px 160px 216px 104px 76px
    )
  ) !important;
  width: var(--shipping-grid-total-width, 1718px) !important;
  min-width: var(--shipping-grid-total-width, 1718px) !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tbody > tr {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  contain: layout style paint !important;
  will-change: auto !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tbody > tr[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready th,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready td {
  width: auto !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  align-content: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tbody > tr > td:nth-child(5) {
  width: 176px !important;
  justify-self: start !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready.is-shipping-grid-v6-combine > thead > tr > th,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready.is-shipping-grid-v6-combine > tbody > tr > td {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-self: stretch !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready.is-shipping-grid-v6-combine > tbody > tr.shipping-combine-group-row > td {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  align-self: stretch !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready.is-shipping-grid-v6-combine > tbody > tr.shipping-combine-detail-row,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready.is-shipping-grid-v6-combine > tbody > tr.shipping-combine-detail-row > td {
  height: 84px !important;
  max-height: 84px !important;
}

@media (max-width: 480px) {
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready.is-shipping-grid-v6-combine > tbody > tr.shipping-combine-detail-row,
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready.is-shipping-grid-v6-combine > tbody > tr.shipping-combine-detail-row > td {
    height: 109px !important;
    max-height: 109px !important;
  }
}

/* Shipping Grid V6.2 owns one continuous header surface after tracks are ready. */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel
  .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready > thead > tr {
  position: relative !important;
  gap: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box !important;
  background: rgb(249, 250, 253) !important;
  border-top: 1px solid rgb(249, 250, 253) !important;
  border-bottom: 1px solid rgb(227, 231, 240) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel
  .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready > thead > tr > th {
  margin: 0 !important;
  position: relative !important;
  top: -2px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* shipping responsive CSS Grid renderer v6.1 end */

@media (max-width: 768px) {
  .dashboard-compliance-footer {
    padding: 10px 10px calc(14px + env(safe-area-inset-bottom));
    font-size: 11px;
  }

  .dashboard-police-icon {
    width: 14px;
    height: 14px;
  }
}

/* Rice plate product filter toolbar final premium layer. */
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] {
  position: relative;
  z-index: 60;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 4px 0 16px !important;
  gap: 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category {
  flex-basis: 206px !important;
  width: 206px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead {
  flex-basis: 194px !important;
  width: 194px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort {
  flex-basis: 204px !important;
  width: 204px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-price {
  flex-basis: 326px !important;
  width: 326px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-title {
  flex: 0 0 auto;
  color: #071b3a;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-top-filter-wrap,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-bead-filter-wrap,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-dami-sort-wrap {
  position: relative !important;
  min-width: 0;
  flex: 0 0 auto;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-top-filter-trigger {
  width: 142px !important;
  min-width: 142px !important;
  max-width: 180px !important;
  height: 38px !important;
  min-height: 38px !important;
  justify-content: flex-start !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #20314c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-top-filter-trigger:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-top-filter-trigger:focus-visible,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-top-filter-trigger.is-active {
  border-color: #b8c7da !important;
  background: #f9fbfe !important;
  color: #1f4f95 !important;
  outline: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-catalog-filter-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-top-filter-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 1600 !important;
  min-width: 220px;
  max-height: 320px;
  overflow: auto;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu {
  width: 230px;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-price-band-filter {
  flex: 0 0 auto !important;
  width: 246px !important;
  height: 38px !important;
  min-height: 38px !important;
  grid-template-columns: minmax(76px, 1fr) auto minmax(76px, 1fr) !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter {
  display: block !important;
  flex: 1 1 260px !important;
  min-width: 220px !important;
  max-width: 420px !important;
  height: 38px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter .catalog-search-input {
  width: 100%;
  height: 38px;
  border-radius: 7px;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-action {
  flex: 0 0 auto !important;
  min-width: 72px !important;
  height: 38px !important;
  border-radius: 7px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-dashboard > .rice-plate-view-tabs {
  display: none !important;
}

@media (max-width: 900px) {
  html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] {
    align-items: stretch !important;
  }

  html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field,
  html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter {
    flex: 1 1 100% !important;
  }
}

/* Rice plate filter unified UI v2 start */
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger {
  width: 142px !important;
  min-width: 142px !important;
  max-width: 180px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #20314c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger:focus-visible,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger[aria-expanded="true"] {
  border-color: #b8c7da !important;
  background: #f9fbfe !important;
  color: #1f4f95 !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 1600 !important;
  box-sizing: border-box !important;
  width: 240px !important;
  min-width: 100% !important;
  max-width: min(280px, calc(100vw - 48px)) !important;
  max-height: 312px !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid rgba(191, 205, 224, 0.92) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 12px 26px rgba(31, 79, 149, 0.12) !important;
  scrollbar-gutter: stable !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 2px !important;
  overflow-x: hidden !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-option {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 28px 0 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #27374f !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-option:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-option:focus-visible {
  background: #eef6ff !important;
  color: #1f4f95 !important;
  outline: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-option.is-active {
  position: relative !important;
  background: #eaf3ff !important;
  color: #163b70 !important;
  font-weight: 850 !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-option.is-active::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 6px;
  height: 10px;
  border: solid #1f5fbf;
  border-width: 0 2px 2px 0;
  transform: translateY(-58%) rotate(45deg);
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-option-label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-divider {
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background: rgba(203, 213, 225, 0.72);
}
/* Rice plate filter unified UI v2 end */
/* Rice plate toolbar match product management start */
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] {
  position: relative !important;
  z-index: 1200 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  min-height: 86px !important;
  height: 86px !important;
  margin: 24px 0 0 !important;
  padding: 0 0 16px !important;
  gap: 12px !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.48) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 38px !important;
  height: 38px !important;
  overflow: visible !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category {
  flex: 0 0 auto !important;
  width: auto !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead {
  flex: 0 0 138px !important;
  width: 138px !important;
  padding: 0 10px 0 14px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort {
  flex: 0 0 158px !important;
  width: 158px !important;
  padding: 0 10px 0 14px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort {
  border: 1px solid rgba(172, 193, 211, 0.58) !important;
  border-radius: 999px !important;
  background: rgba(248, 252, 255, 0.68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-title,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-price-band-title {
  flex: 0 0 auto !important;
  color: #152033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-top-filter-wrap,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-bead-filter-wrap,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-dami-sort-wrap {
  position: relative !important;
  display: inline-flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-catalog-filter-wrap {
  flex: 0 0 auto !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 16px !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #152033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-catalog-filter-trigger {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  border: 1px solid rgba(23, 78, 166, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-trigger,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-trigger {
  padding: 0 16px 0 4px !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger:focus-visible,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger[aria-expanded="true"] {
  background: transparent !important;
  color: #152033 !important;
  transform: none !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-catalog-filter-trigger:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-catalog-filter-trigger:focus-visible,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-catalog-filter-trigger.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-catalog-filter-trigger[aria-expanded="true"] {
  border-color: rgba(23, 78, 166, 0.2) !important;
  background: rgba(255, 255, 255, 0.84) !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-price-band-filter {
  flex: 0 0 220px !important;
  width: 220px !important;
  min-height: 38px !important;
  height: 38px !important;
  grid-template-columns: auto 1px minmax(42px, 1fr) auto minmax(42px, 1fr) !important;
  column-gap: 7px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border-color: rgba(23, 78, 166, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter {
  display: grid !important;
  grid-template-columns: minmax(180px, 180px) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter .catalog-search-input {
  width: 180px !important;
  min-width: 180px !important;
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border-color: rgba(23, 78, 166, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-action {
  flex: 0 0 auto !important;
  min-width: 52px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border-color: rgba(23, 78, 166, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter .catalog-search-button.rice-plate-search-action,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter .catalog-search-button.rice-plate-search-action:is(:hover, :focus, :focus-visible, :active, :disabled) {
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: rgba(23, 78, 166, 0.16) !important;
  color: #26322d !important;
  -webkit-text-fill-color: #26322d !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 86px !important;
    align-items: center !important;
  }
}
/* Rice plate toolbar match product management end */
/* unified category filter start */
html body .unified-category-filter {
  position: relative !important;
  overflow: visible !important;
}

html body .unified-category-filter .unified-category-filter-trigger {
  position: relative !important;
  box-sizing: border-box !important;
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  background: rgba(248, 251, 255, 0.92) !important;
  color: #152033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(230, 238, 248, 0.86), 0 8px 20px rgba(15, 23, 42, 0.06) !important;
}

html body .unified-category-filter .unified-category-filter-trigger:hover,
html body .unified-category-filter .unified-category-filter-trigger:focus-visible,
html body .unified-category-filter .unified-category-filter-trigger.is-active,
html body .unified-category-filter .unified-category-filter-trigger[aria-expanded="true"] {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: #f8fbff !important;
  color: #12335f !important;
  box-shadow: inset 0 1px 0 rgba(230, 238, 248, 0.96), 0 10px 24px rgba(37, 99, 235, 0.09) !important;
  transform: none !important;
}

html body .unified-category-filter > .unified-category-filter-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 1600 !important;
  box-sizing: border-box !important;
  width: 430px !important;
  min-width: 430px !important;
  max-width: min(430px, calc(100vw - 120px)) !important;
  max-height: min(440px, calc(100vh - 140px)) !important;
  padding: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(176, 198, 216, 0.56) !important;
  border-radius: 18px !important;
  background: rgba(242, 248, 252, 0.94) !important;
  box-shadow: 0 22px 44px rgba(29, 78, 116, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

html body .unified-category-filter-panel {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  width: 100% !important;
  max-height: inherit !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 10px !important;
  gap: 8px !important;
}

html body .unified-category-filter-search {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(177, 194, 217, 0.8) !important;
  border-radius: 8px !important;
  background: #f3f8fd !important;
  color: rgba(71, 85, 105, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(230, 238, 248, 0.78) !important;
}

html body .unified-category-filter-search:focus-within {
  border-color: rgba(37, 99, 235, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11) !important;
}

html body .unified-category-filter-search-icon {
  position: relative !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  color: rgba(71, 85, 105, 0.78) !important;
  opacity: 1 !important;
}

html body .unified-category-filter-search-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 8px !important;
  height: 8px !important;
  border: 2px solid currentColor !important;
  border-radius: 999px !important;
}

html body .unified-category-filter-search-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  width: 6px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background-color: currentColor !important;
  transform: rotate(45deg) !important;
  transform-origin: left center !important;
}

html body .unified-category-filter-search input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #152033 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  letter-spacing: 0 !important;
}

html body .unified-category-filter-search input::placeholder {
  color: #64748b !important;
  opacity: 0.9 !important;
}

html body .unified-category-filter-body {
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) !important;
  min-height: 0 !important;
  max-height: 348px !important;
  overflow: hidden !important;
  border: 1px solid rgba(203, 213, 225, 0.76) !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

html body .unified-category-filter-column {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 2px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 348px !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

html body .unified-category-filter-column + .unified-category-filter-column {
  border-left: 1px solid rgba(203, 213, 225, 0.76) !important;
}

html body .unified-category-filter-column-primary,
html body .unified-category-filter-column-secondary {
  min-width: 0 !important;
}

html body .unified-category-filter-column::-webkit-scrollbar {
  width: 8px !important;
}

html body .unified-category-filter-column::-webkit-scrollbar-thumb {
  border: 2px solid #f8fbff !important;
  border-radius: 999px !important;
  background: #c6d4e6 !important;
}

html body .unified-category-filter-column-title {
  flex: 0 0 auto !important;
  padding: 2px 8px 6px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
}

html body .unified-category-filter-option,
html body .unified-category-filter-option.catalog-filter-item,
html body .finished-inventory-select-menu .unified-category-filter-option {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 34px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 30px 0 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #27374f !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 34px !important;
  text-align: left !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body .unified-category-filter-option:hover,
html body .unified-category-filter-option:focus-visible {
  background: rgba(241, 245, 249, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  outline: 0 !important;
}

html body .unified-category-filter-option-active,
html body .unified-category-filter-option.is-active,
html body .unified-category-filter-option.is-selected,
html body .unified-category-filter-option[aria-selected="true"] {
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

html body .unified-category-filter-option-active::after,
html body .unified-category-filter-option.is-active::after,
html body .unified-category-filter-option.is-selected::after,
html body .unified-category-filter-option[aria-selected="true"]::after {
  content: "" !important;
  position: absolute !important;
  right: 11px !important;
  top: 50% !important;
  width: 6px !important;
  height: 10px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: translateY(-58%) rotate(45deg) !important;
}

html body .unified-category-filter-option-label {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .unified-category-filter-empty {
  box-sizing: border-box !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

@media (max-width: 640px) {
  html body .unified-category-filter > .unified-category-filter-menu {
    width: min(360px, calc(100vw - 24px)) !important;
    min-width: min(320px, calc(100vw - 24px)) !important;
  }

  html body .unified-category-filter-body {
    grid-template-columns: minmax(0, 1fr) !important;
    max-height: 420px !important;
  }

  html body .unified-category-filter-column + .unified-category-filter-column {
    border-left: 0 !important;
    border-top: 1px solid rgba(203, 213, 225, 0.76) !important;
  }
}
/* unified category filter end */
/* category filter product parity lock start */
html body .unified-category-filter > .unified-category-filter-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 1600 !important;
  box-sizing: border-box !important;
  width: 430px !important;
  min-width: 430px !important;
  max-width: min(430px, calc(100vw - 120px)) !important;
  max-height: min(440px, calc(100vh - 140px)) !important;
  padding: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(176, 198, 216, 0.56) !important;
  border-radius: 18px !important;
  background: rgba(242, 248, 252, 0.94) !important;
  box-shadow: 0 22px 44px rgba(29, 78, 116, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  width: 100% !important;
  padding: 10px !important;
  gap: 8px !important;
  overflow: hidden !important;
}

html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-search {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: #f3f8fd !important;
}

html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-search-icon {
  color: rgba(71, 85, 105, 0.78) !important;
  opacity: 1 !important;
}

html body .unified-category-filter:not(#categoryFilterProductParitySearchColorLock) > .unified-category-filter-menu .unified-category-filter-search .unified-category-filter-search-icon {
  color: rgba(71, 85, 105, 0.78) !important;
  -webkit-text-fill-color: rgba(71, 85, 105, 0.78) !important;
  opacity: 1 !important;
}

html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-body {
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) !important;
  max-height: 348px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-option {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  border-radius: 7px !important;
}

@media (max-width: 640px) {
  html body .unified-category-filter > .unified-category-filter-menu {
    width: min(360px, calc(100vw - 24px)) !important;
    min-width: min(320px, calc(100vw - 24px)) !important;
  }

  html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-body {
    grid-template-columns: minmax(0, 1fr) !important;
    max-height: 420px !important;
  }
}
/* category filter product parity lock end */

/* material inventory SaaS parity start */
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls {
  display: grid !important;
  grid-template-columns: 294px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 132px !important;
  margin: 0 0 24px !important;
  padding: 24px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  display: flex !important;
  width: 294px !important;
  min-width: 294px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 4px 0 0 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-filterbar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) 76px 88px !important;
  grid-template-areas:
    "search reset query"
    "filters filters filters" !important;
  align-items: start !important;
  gap: 12px 10px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 108px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filter-field[data-inventory-select="warehouse"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filter-field[data-inventory-select="category"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-filter-field[data-inventory-select="stock"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .main-finished-inventory-sort-field {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-search-wrap {
  grid-area: search !important;
  position: relative !important;
  width: 100% !important;
  min-width: 320px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-search-wrap::before {
  content: "\2315" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  z-index: 1 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-search-input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px 0 42px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  outline: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-search-input::placeholder {
  color: #98a2b3 !important;
  -webkit-text-fill-color: #98a2b3 !important;
  opacity: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryMaterialFilterRow.inventory-saas-filter-row {
  grid-area: filters !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryMaterialFilterRow[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-filter-field {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-filter-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-select-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-select-button:is(:hover, :focus, :focus-visible, :active),
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-filter-field.is-open .inventory-saas-select-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: left !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventorySearchResetButton.inventory-saas-action-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventorySearchButton.inventory-saas-action-button-primary {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventorySearchResetButton.inventory-saas-action-button {
  grid-area: reset !important;
  width: 76px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventorySearchButton.inventory-saas-action-button-primary {
  grid-area: query !important;
  width: 88px !important;
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.18) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-select-menu.inventory-cascade-panel {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 50px !important;
  right: 0 !important;
  z-index: 2500 !important;
  min-width: 220px !important;
  padding: 8px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryMaterialFilterPanel.inventory-saas-select-menu {
  display: grid !important;
  grid-template-columns: 86px minmax(190px, 1fr) !important;
  width: 318px !important;
  min-width: 318px !important;
  max-width: 318px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-select-menu[hidden],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-filter-field[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-cascade-panel button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-cascade-option-row,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(.inventory-cascade-primary, .inventory-cascade-secondary-wrap, .inventory-cascade-secondary) {
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton, #inventoryInboundButton, #materialAddButton, #materialImportButton).ghost-button {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(#materialAddButton, #materialImportButton).ghost-button {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(#inventoryInboundButton, #materialAddButton).ghost-button {
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1180px) {
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-filterbar,
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-location-tabs {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* material inventory SaaS parity end */

/* material inventory single row filter start */
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 216px minmax(260px, 1.35fr) minmax(120px, 0.58fr) minmax(120px, 0.58fr) minmax(120px, 0.68fr) 74px 88px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 96px !important;
  margin: 0 0 24px !important;
  padding: 24px 8px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs .inventory-location-tab,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active) {
  flex: 1 1 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs .inventory-location-tab.is-active {
  background: #ffffff !important;
  color: #1677ff !important;
  -webkit-text-fill-color: #1677ff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filterbar {
  display: contents !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="warehouse"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="category"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="stock"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .main-finished-inventory-sort-field {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-wrap {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-wrap::before {
  content: "\2315" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  z-index: 1 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px 0 42px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  outline: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-input::placeholder {
  color: #98a2b3 !important;
  -webkit-text-fill-color: #98a2b3 !important;
  opacity: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row {
  display: contents !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterRow[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySpecFilterWrap {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterWrap {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySupplierFilterWrap {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row :is(#inventorySpecFilterWrap, #inventoryMaterialFilterWrap, #inventorySupplierFilterWrap).inventory-saas-filter-field {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-field {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-label {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-button:is(:hover, :focus, :focus-visible, :active),
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-field.is-open .inventory-saas-select-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: left !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button {
  grid-column: 6 !important;
  grid-row: 1 !important;
  width: 74px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary {
  grid-column: 7 !important;
  grid-row: 1 !important;
  width: 88px !important;
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.18) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-menu.inventory-cascade-panel {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  z-index: 2500 !important;
  min-width: 220px !important;
  padding: 8px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterPanel.inventory-saas-select-menu {
  display: grid !important;
  grid-template-columns: 86px minmax(190px, 1fr) !important;
  width: 318px !important;
  min-width: 318px !important;
  max-width: 318px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-menu[hidden],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-field[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-panel button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-option-row,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row :is(.inventory-cascade-primary, .inventory-cascade-secondary-wrap, .inventory-cascade-secondary) {
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(#inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton, #inventoryInboundButton, #materialAddButton, #materialImportButton).ghost-button {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(#materialAddButton, #materialImportButton).ghost-button {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(#inventoryInboundButton, #materialAddButton).ghost-button {
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1180px) {
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs,
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-wrap,
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySpecFilterWrap,
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySupplierFilterWrap {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterWrap,
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button {
    grid-column: 2 !important;
    grid-row: auto !important;
    width: 100% !important;
  }
}
/* material inventory single row filter end */

/* rice plate load more premium hover start */
html body [data-rice-plate-load-more-footer] {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
}

html body [data-rice-plate-load-more-footer] .rice-plate-load-more-count {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button,
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button,
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more].rice-plate-load-more-button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 96px !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  text-orientation: mixed !important;
  transform: none !important;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:hover:not(:disabled),
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:hover:not(:disabled),
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more].rice-plate-load-more-button:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(239, 246, 255, 0.92)) !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
  color: #1e3a5f !important;
  -webkit-text-fill-color: #1e3a5f !important;
  box-shadow: 0 10px 22px rgba(59, 130, 246, 0.08) !important;
  transform: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:active:not(:disabled),
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:active:not(:disabled),
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more].rice-plate-load-more-button:active:not(:disabled) {
  background: rgba(226, 239, 255, 0.78) !important;
  border-color: rgba(59, 130, 246, 0.38) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08) !important;
  transform: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:focus-visible,
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:focus-visible,
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more].rice-plate-load-more-button:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(59, 130, 246, 0.12),
    0 8px 18px rgba(15, 23, 42, 0.04) !important;
  transform: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:disabled,
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more-button].rice-plate-load-more-button:disabled,
html body [data-rice-plate-load-more-footer] [data-rice-plate-load-more].rice-plate-load-more-button:disabled {
  background: rgba(255, 255, 255, 0.68) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035) !important;
  cursor: wait !important;
  opacity: 0.78 !important;
  transform: none !important;
}

@media (max-width: 520px) {
  html body [data-rice-plate-load-more-footer] {
    flex-direction: column !important;
    align-items: center !important;
  }
}
/* rice plate load more premium hover end */

/* catalog load more premium parity start */
html body[data-main-view="catalog"] #catalogSection [data-catalog-load-more-footer].catalog-load-more-footer {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body[data-main-view="catalog"] #catalogSection .catalog-load-more-count {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #5d6878 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-main-view="catalog"] #catalogLoadMoreButton.catalog-load-more-button,
html body[data-main-view="catalog"] #catalogSection [data-catalog-load-more].catalog-load-more-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 104px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 18px !important;
  border: 1px solid #cfd8e6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #26322d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(57, 51, 42, 0.035) !important;
}

html body[data-main-view="catalog"] #catalogLoadMoreButton.catalog-load-more-button:hover:not(:disabled),
html body[data-main-view="catalog"] #catalogLoadMoreButton.catalog-load-more-button:focus-visible:not(:disabled),
html body[data-main-view="catalog"] #catalogSection [data-catalog-load-more].catalog-load-more-button:hover:not(:disabled),
html body[data-main-view="catalog"] #catalogSection [data-catalog-load-more].catalog-load-more-button:focus-visible:not(:disabled) {
  border-color: #2f765f !important;
  background: #f4faf7 !important;
  color: #285f47 !important;
  outline: none !important;
}

html body[data-main-view="catalog"] #catalogLoadMoreButton.catalog-load-more-button:disabled,
html body[data-main-view="catalog"] #catalogSection [data-catalog-load-more].catalog-load-more-button:disabled {
  border-color: #e5e7eb !important;
  background: #f8fafc !important;
  color: #8f9aaa !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

@media (max-width: 520px) {
  html body[data-main-view="catalog"] #catalogSection [data-catalog-load-more-footer].catalog-load-more-footer {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  html body[data-main-view="catalog"] #catalogLoadMoreButton.catalog-load-more-button,
  html body[data-main-view="catalog"] #catalogSection [data-catalog-load-more].catalog-load-more-button {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
}
/* catalog load more premium parity end */

/* catalog toolbar neutral color system start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger,
html body #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar,
html body #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar,
html body #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-trigger,
html body #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-trigger,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-trigger,
html body #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-trigger,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-price-band-filter,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter .catalog-search-input,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogSearchButton,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogSearchResetButton,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogShopSyncButton,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogImportButton,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogImageSearchButton,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category .rice-plate-unified-filter-trigger,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead .rice-plate-unified-filter-trigger,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort .rice-plate-unified-filter-trigger,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-price-band-filter,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter .catalog-search-input,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-action {
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  transition: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger:hover,
html body #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger:focus-visible,
html body #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger.is-active,
html body #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger[aria-expanded="true"],
html body #catalogSection.is-main-catalog-card-layout .catalog-category-filter-trigger[aria-expanded="true"],
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar:hover,
html body #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar:hover,
html body #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-trigger:hover,
html body #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-trigger:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-trigger:hover,
html body #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-trigger:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogBeadFilterButton[aria-expanded="true"],
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogDamiSortButton[aria-expanded="true"],
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogSearchButton:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogSearchButton:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogSearchResetButton:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogSearchResetButton:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogShopSyncButton:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogImportButton:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogImageSearchButton:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger:focus-visible,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-unified-filter-trigger[aria-expanded="true"],
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-action:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-action:focus-visible {
  border-color: rgba(148, 163, 184, 0.46) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-filter-title,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-price-band-title,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-title,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-price-band-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 850 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton:active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton.is-pressing,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton.is-opening {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html body .unified-category-filter-option:hover,
html body .unified-category-filter-option:focus-visible,
html body .rice-plate-unified-filter-option:hover,
html body .rice-plate-unified-filter-option:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-item:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-direction:hover {
  background: rgba(241, 245, 249, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-decoration: none !important;
}

html body .unified-category-filter-option-active,
html body .unified-category-filter-option.is-active,
html body .unified-category-filter-option.is-selected,
html body .unified-category-filter-option[aria-selected="true"],
html body .rice-plate-unified-filter-option.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-item.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-item.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-direction.is-active {
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}

html body .unified-category-filter-option-active::after,
html body .unified-category-filter-option.is-active::after,
html body .unified-category-filter-option.is-selected::after,
html body .unified-category-filter-option[aria-selected="true"]::after,
html body .rice-plate-unified-filter-option.is-active::after {
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger,
html body #catalogDamiSortButton.catalog-dami-sort-trigger,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger {
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  transition: none !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger:hover,
html body #catalogTopFilterButton.catalog-category-filter-trigger:focus-visible,
html body #catalogTopFilterButton.catalog-category-filter-trigger[aria-expanded="true"],
html body #catalogBeadFilterButton.catalog-bead-filter-trigger:hover,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger:focus-visible,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger[aria-expanded="true"],
html body #catalogDamiSortButton.catalog-dami-sort-trigger:hover,
html body #catalogDamiSortButton.catalog-dami-sort-trigger:focus-visible,
html body #catalogDamiSortButton.catalog-dami-sort-trigger[aria-expanded="true"],
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger:hover,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger:focus-visible,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger[aria-expanded="true"],
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger:hover,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger:focus-visible,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger[aria-expanded="true"],
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger:hover,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger:focus-visible,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger[aria-expanded="true"] {
  border-color: rgba(148, 163, 184, 0.46) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  background-color: rgba(248, 250, 252, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  transition: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button {
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  transition: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button[aria-expanded="true"],
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button[aria-expanded="true"],
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button[aria-expanded="true"] {
  border-color: rgba(148, 163, 184, 0.46) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  background-color: rgba(248, 250, 252, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  transition: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter .catalog-search-button.rice-plate-search-action,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-search-filter .catalog-search-button.rice-plate-search-action:is(:hover, :focus, :focus-visible, :active, :disabled) {
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  opacity: 1 !important;
  transition: none !important;
}
/* catalog toolbar neutral color system end */

/* material inventory search group layout start */
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 200px minmax(430px, 1.4fr) minmax(120px, 0.42fr) minmax(120px, 0.42fr) minmax(120px, 0.48fr) !important;
  align-items: center !important;
  column-gap: 8px !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 96px !important;
  margin: 0 0 24px !important;
  padding: 24px 8px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filterbar {
  display: contents !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs .inventory-location-tab,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active) {
  flex: 1 1 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-location-tabs .inventory-location-tab.is-active {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="warehouse"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="category"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="stock"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .main-finished-inventory-sort-field {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-inventory-search-group {
  box-sizing: border-box !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) 82px 76px !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-wrap {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-wrap::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  width: 14px !important;
  height: 14px !important;
  border: 1.8px solid #64748b !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-wrap::after {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  top: 30px !important;
  z-index: 1 !important;
  width: 7px !important;
  height: 1.8px !important;
  border-radius: 999px !important;
  background: #64748b !important;
  transform: rotate(45deg) !important;
  transform-origin: left center !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px 0 42px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 48px !important;
  outline: none !important;
  text-overflow: ellipsis !important;
  min-inline-size: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-input::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row {
  display: contents !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterRow[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySpecFilterWrap {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterWrap {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySupplierFilterWrap {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-field {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-label {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-button:is(:hover, :focus, :focus-visible, :active),
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-field.is-open .inventory-saas-select-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 120px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-button::before {
  content: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-button::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 10px !important;
  border-right: 1.8px solid #475569 !important;
  border-bottom: 1.8px solid #475569 !important;
  opacity: 0.78 !important;
  transform: rotate(45deg) translateY(-1px) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row [aria-expanded="true"].inventory-saas-select-button::after {
  transform: rotate(225deg) translateY(-1px) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary:is(:hover, :focus, :focus-visible, :active) {
  box-sizing: border-box !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 82px !important;
  min-width: 82px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #1677ff !important;
  border-radius: 16px !important;
  background: #1677ff !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.16) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button:is(:hover, :focus, :focus-visible, :active) {
  box-sizing: border-box !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-menu {
  left: 0 !important;
  right: auto !important;
  width: max(100%, 180px) !important;
  min-width: 100% !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row :is(#materialAddButton, #materialImportButton).ghost-button {
  height: 48px !important;
  min-height: 48px !important;
}

@media (max-width: 1120px) {
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
    grid-template-columns: 180px minmax(390px, 1fr) minmax(112px, 0.38fr) minmax(112px, 0.38fr) minmax(112px, 0.42fr) !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-inventory-search-group {
    grid-template-columns: minmax(240px, 1fr) 78px 72px !important;
  }
}
/* material inventory search group layout end */

/* catalog toolbar single layer trigger start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar,
html body #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar,
html body #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 176px !important;
  width: 176px !important;
  min-width: 176px !important;
  max-width: 176px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  transform: none !important;
  transition: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar:hover,
html body #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar:hover,
html body #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-bead:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-sort:hover {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-filter-wrap,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-wrap,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-bead-filter-wrap,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .catalog-dami-sort-wrap {
  position: static !important;
  display: inline-flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger,
html body #catalogDamiSortButton.catalog-dami-sort-trigger,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  background-image: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  transition: none !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

html body #catalogBeadFilterButton.catalog-bead-filter-trigger,
html body #catalogDamiSortButton.catalog-dami-sort-trigger,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger:hover,
html body #catalogTopFilterButton.catalog-category-filter-trigger:focus-visible,
html body #catalogTopFilterButton.catalog-category-filter-trigger.is-active,
html body #catalogTopFilterButton.catalog-category-filter-trigger[aria-expanded="true"],
html body #catalogBeadFilterButton.catalog-bead-filter-trigger:hover,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger:focus-visible,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger.is-active,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger[aria-expanded="true"],
html body #catalogDamiSortButton.catalog-dami-sort-trigger:hover,
html body #catalogDamiSortButton.catalog-dami-sort-trigger:focus-visible,
html body #catalogDamiSortButton.catalog-dami-sort-trigger.is-active,
html body #catalogDamiSortButton.catalog-dami-sort-trigger[aria-expanded="true"],
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger:hover,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger:focus-visible,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger.is-active,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger[aria-expanded="true"],
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger:hover,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger:focus-visible,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger.is-active,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger[aria-expanded="true"],
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger:hover,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger:focus-visible,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger.is-active,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger[aria-expanded="true"] {
  border-color: rgba(100, 116, 139, 0.38) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  background-color: rgba(248, 250, 252, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger::before,
html body #catalogTopFilterButton.catalog-category-filter-trigger::after,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger::before,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger::after,
html body #catalogDamiSortButton.catalog-dami-sort-trigger::before,
html body #catalogDamiSortButton.catalog-dami-sort-trigger::after,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger::before,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger::after,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger::before,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger::after,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger::before,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger::after {
  content: none !important;
  display: none !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger .rice-plate-catalog-filter-label,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger .rice-plate-catalog-filter-label,
html body #catalogDamiSortButton.catalog-dami-sort-trigger .rice-plate-catalog-filter-label,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger .rice-plate-catalog-filter-label,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger .rice-plate-catalog-filter-label,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger .rice-plate-catalog-filter-label {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font: inherit !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger .rice-plate-filter-caret,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger .rice-plate-filter-caret,
html body #catalogDamiSortButton.catalog-dami-sort-trigger .rice-plate-filter-caret,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger .rice-plate-filter-caret,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger .rice-plate-filter-caret,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger .rice-plate-filter-caret {
  display: block !important;
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 0 2px 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1.8px solid #475569 !important;
  border-bottom: 1.8px solid #475569 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0.78 !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

html body #catalogTopFilterButton.catalog-category-filter-trigger[aria-expanded="true"] .rice-plate-filter-caret,
html body #catalogBeadFilterButton.catalog-bead-filter-trigger[aria-expanded="true"] .rice-plate-filter-caret,
html body #catalogDamiSortButton.catalog-dami-sort-trigger[aria-expanded="true"] .rice-plate-filter-caret,
html body [data-rice-plate-catalog-filter-button].rice-plate-unified-filter-trigger[aria-expanded="true"] .rice-plate-filter-caret,
html body [data-rice-plate-bead-filter-button].rice-plate-unified-filter-trigger[aria-expanded="true"] .rice-plate-filter-caret,
html body [data-rice-plate-sort-button].rice-plate-unified-filter-trigger[aria-expanded="true"] .rice-plate-filter-caret {
  transform: rotate(225deg) !important;
  margin-bottom: -2px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button[aria-expanded="true"],
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button[aria-expanded="true"],
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button:focus-visible,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button[aria-expanded="true"] {
  border-color: rgba(100, 116, 139, 0.38) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  background-color: rgba(248, 250, 252, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  transform: none !important;
}
/* catalog toolbar single layer trigger end */

/* inventory single row ordered controls start */
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row {
  box-sizing: border-box !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 96px !important;
  margin: 0 0 24px !important;
  padding: 24px 8px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
  overflow: visible !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar {
  display: contents !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="warehouse"],
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="stock"],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filter-field[data-inventory-select="category"],
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .main-finished-inventory-sort-field {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row {
  display: grid !important;
  grid-template-columns: 244px 190px minmax(420px, 1fr) 84px 74px !important;
  grid-template-rows: 48px !important;
  gap: 8px !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active) {
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
  transition: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab.is-active {
  background: #ffffff !important;
  color: #1677ff !important;
  -webkit-text-fill-color: #1677ff !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-category-filter-field {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-category-filter-title {
  display: none !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-category-filter-wrap {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton,
html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton:is(:hover, :focus, :focus-visible, :active),
html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton[aria-expanded="true"] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 20px 0 16px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  transition: none !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group {
  display: contents !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
  display: grid !important;
  grid-template-columns: minmax(318px, 342px) minmax(96px, 132px) minmax(96px, 132px) minmax(104px, 156px) minmax(220px, 1fr) 74px 64px !important;
  grid-template-rows: 48px !important;
  gap: 4px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f1f4f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active) {
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 0 4px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab.is-active {
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-inventory-search-group {
  box-sizing: border-box !important;
  display: contents !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-inventory-search-group .inventory-saas-search-wrap {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary {
  grid-column: 6 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button {
  grid-column: 7 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row {
  display: contents !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterRow[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySpecFilterWrap {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterWrap {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySupplierFilterWrap {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap::before,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  width: 14px !important;
  height: 14px !important;
  border: 1.8px solid #64748b !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap::after,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap::after {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  top: 30px !important;
  z-index: 1 !important;
  width: 7px !important;
  height: 1.8px !important;
  border-radius: 999px !important;
  background: #64748b !important;
  transform: rotate(45deg) !important;
  transform-origin: left center !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap::before,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap::before,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap::after,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap::after {
  content: none !important;
  display: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap .search-input,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px 0 42px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 48px !important;
  outline: none !important;
  text-overflow: ellipsis !important;
  min-inline-size: 0 !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-input::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap .search-input,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-input {
  padding: 0 16px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-field {
  position: relative !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-filter-label {
  display: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventoryCategoryFilterButton, #inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton),
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventoryCategoryFilterButton, #inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton):is(:hover, :focus, :focus-visible, :active),
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventoryCategoryFilterButton, #inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton)[aria-expanded="true"] {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 20px 0 16px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  transition: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventoryCategoryFilterButton, #inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton)::before {
  content: none !important;
  display: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-select-button::after,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 12px !important;
  margin-right: 4px !important;
  border-right: 1.8px solid #475569 !important;
  border-bottom: 1.8px solid #475569 !important;
  opacity: 0.78 !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row [aria-expanded="true"].inventory-saas-select-button::after,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton[aria-expanded="true"]::after {
  transform: translateY(2px) rotate(225deg) !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary:is(:hover, :focus, :focus-visible, :active) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 84px !important;
  min-width: 84px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #1677ff !important;
  border-radius: 16px !important;
  background: #1677ff !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.16) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  transform: none !important;
  transition: none !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button:is(:hover, :focus, :focus-visible, :active) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 74px !important;
  min-width: 74px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  transform: none !important;
  transition: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-menu {
  left: 0 !important;
  right: auto !important;
  width: max(100%, 180px) !important;
  min-width: 100% !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(#materialAddButton, #materialImportButton).ghost-button {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}

/* inventory filter typography and caret polish start */
html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row {
  grid-template-columns: 244px 190px minmax(420px, 1fr) 84px 74px !important;
  gap: 8px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
  grid-template-columns: minmax(318px, 342px) minmax(96px, 132px) minmax(96px, 132px) minmax(104px, 156px) minmax(220px, 1fr) 74px 64px !important;
  gap: 4px !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active),
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventoryCategoryFilterButton, #inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton),
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventoryCategoryFilterButton, #inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton):is(:hover, :focus, :focus-visible, :active),
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventoryCategoryFilterButton, #inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton)[aria-expanded="true"],
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary:is(:hover, :focus, :focus-visible, :active),
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button:is(:hover, :focus, :focus-visible, :active) {
  font-size: 14px !important;
  font-weight: 750 !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap .search-input,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-input,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-input::placeholder {
  font-size: 14px !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton) {
  padding: 0 20px 0 16px !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-select-button::after,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton::after {
  margin-left: 12px !important;
  margin-right: 4px !important;
  transform: translateY(-2px) rotate(45deg) !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row [aria-expanded="true"].inventory-saas-select-button::after,
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryCategoryFilterButton[aria-expanded="true"]::after {
  transform: translateY(2px) rotate(225deg) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton) {
  padding: 0 24px 0 16px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-select-button::after {
  margin-right: 8px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary {
  width: 74px !important;
  min-width: 74px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button {
  width: 64px !important;
  min-width: 64px !important;
}
/* inventory filter typography and caret polish end */

/* inventory filter contained flex layout start */
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 24px 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  grid-template-columns: minmax(318px, 342px) minmax(96px, 132px) minmax(96px, 132px) minmax(104px, 156px) minmax(220px, 1fr) 74px 64px !important;
  gap: 4px !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs {
  width: 318px !important;
  min-width: 318px !important;
  max-width: 342px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active) {
  min-width: 0 !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-search-wrap,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .finished-inventory-search-wrap,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySearchInput {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton) {
  padding: 0 24px 0 16px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton)::after {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.8px solid #475569 !important;
  border-bottom: 1.8px solid #475569 !important;
  transform: translateY(-2px) rotate(45deg) !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
  flex: 0 0 auto !important;
  opacity: 0.78 !important;
}

html body #inventorySection.is-finished-inventory #inventoryCategoryFilterButton::after {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.8px solid #475569 !important;
  border-bottom: 1.8px solid #475569 !important;
  transform: translateY(-2px) rotate(45deg) !important;
  margin-left: 6px !important;
  margin-right: 4px !important;
  flex: 0 0 auto !important;
  opacity: 0.78 !important;
}

html body #inventorySection :is(#inventorySpecFilterButton, #inventoryMaterialFilterButton, #inventorySupplierFilterButton, #inventoryCategoryFilterButton)[aria-expanded="true"]::after {
  transform: translateY(2px) rotate(225deg) !important;
}
/* inventory filter contained flex layout end */

@media (max-width: 1120px) {
  html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row {
    grid-template-columns: 220px 176px minmax(320px, 1fr) 76px 66px !important;
    gap: 6px !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.material-inventory-filterbar-single-row {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: minmax(300px, 330px) minmax(88px, 120px) minmax(88px, 120px) minmax(96px, 144px) minmax(220px, 1fr) 70px 60px !important;
    gap: 4px !important;
  }

  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryLocationTabs {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 330px !important;
  }
}
/* inventory panel spacing parity start */
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) {
  --inventory-header-to-controls-gap: 20px;
  --inventory-controls-to-table-gap: 24px;
  --inventory-controls-height: 98px;
  --inventory-control-height: 48px;
  --inventory-control-radius: 16px;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory {
  display: block !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  gap: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .inventory-panel-header,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-panel-header {
  margin: 0 0 var(--inventory-header-to-controls-gap) !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row {
  box-sizing: border-box !important;
  height: var(--inventory-controls-height) !important;
  min-height: var(--inventory-controls-height) !important;
  margin: 0 !important;
  padding: 24px 8px !important;
  border-radius: var(--inventory-control-radius) !important;
}

html body.is-main-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.finished-inventory-controls.material-inventory-filterbar-single-row {
  height: var(--inventory-controls-height) !important;
  min-height: var(--inventory-controls-height) !important;
  margin: 0 !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .inventory-table-wrap {
  margin-top: var(--inventory-controls-to-table-gap) !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row :is(
  #inventoryLocationTabs,
  #inventoryCategoryFilterButton,
  #inventorySpecFilterButton,
  #inventoryMaterialFilterButton,
  #inventorySupplierFilterButton,
  #inventorySearchInput,
  #inventorySearchButton,
  #inventorySearchResetButton
) {
  height: var(--inventory-control-height) !important;
  min-height: var(--inventory-control-height) !important;
  border-radius: var(--inventory-control-radius) !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab {
  height: calc(var(--inventory-control-height) - 8px) !important;
  min-height: calc(var(--inventory-control-height) - 8px) !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) #inventoryMaterialViewTabs[hidden],
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) #inventoryMetricGrid[hidden],
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) .inventory-location-panel[hidden],
html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) #inventoryScanPanel[hidden] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #inventorySection#inventorySection.inventory-panel:is(.is-finished-inventory, .is-material-inventory) #inventoryHeaderFilterMount:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* inventory panel spacing parity end */

/* inventory single row ordered controls end */

/* catalog edit category unified dropdown start */
html body #catalogItemModal .catalog-edit-category-filter.unified-category-filter {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  z-index: 420 !important;
}

html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger,
html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger:hover,
html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger:focus,
html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger:focus-visible,
html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger:active {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  background-image: none !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
  transform: none !important;
  transition: none !important;
}

html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger:hover,
html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger:focus-visible,
html body #catalogItemModal .catalog-edit-category-trigger.catalog-category-trigger.unified-category-filter-trigger[aria-expanded="true"] {
  border-color: rgba(100, 116, 139, 0.38) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  background-color: rgba(248, 250, 252, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-edit-category-trigger #catalogCategoryCascadeText {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-edit-category-trigger .catalog-filter-trigger-caret {
  display: block !important;
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 0 2px 2px !important;
  border-right: 1.8px solid #475569 !important;
  border-bottom: 1.8px solid #475569 !important;
  opacity: 0.78 !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

html body #catalogItemModal .catalog-edit-category-trigger[aria-expanded="true"] .catalog-filter-trigger-caret {
  margin-bottom: -2px !important;
  transform: rotate(225deg) !important;
}

html body #catalogItemModal .catalog-edit-category-filter > #catalogCategoryCascadePanel.catalog-edit-category-menu.unified-category-filter-menu {
  z-index: 2200 !important;
  width: min(430px, calc(100vw - 64px)) !important;
  min-width: min(430px, calc(100vw - 64px)) !important;
  max-width: min(430px, calc(100vw - 64px)) !important;
  overflow-x: hidden !important;
}

html body #catalogItemModal .catalog-edit-category-filter > #catalogCategoryCascadePanel.catalog-edit-category-menu.unified-category-filter-menu .unified-category-filter-body {
  overflow-x: hidden !important;
}
/* catalog edit category unified dropdown end */

/* catalog edit unified category search cleanup start */
html body #catalogItemModal .unified-category-filter-search {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(203, 213, 225, 0.88) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(248, 250, 252, 0.86) !important;
  outline: 0 !important;
}

html body #catalogItemModal .unified-category-filter-search:focus-within {
  border-color: rgba(100, 116, 139, 0.44) !important;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.07) !important;
}

html body #catalogItemModal .unified-category-filter-search input,
html body #catalogItemModal #catalogCategoryCascadeSearchInput,
html body #catalogItemModal .catalog-category-cascade-search input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #152033 !important;
  -webkit-text-fill-color: #152033 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  letter-spacing: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body #catalogItemModal .unified-category-filter-search input:focus,
html body #catalogItemModal #catalogCategoryCascadeSearchInput:focus,
html body #catalogItemModal .catalog-category-cascade-search input:focus {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* catalog edit unified category search cleanup end */

/* unified category neutral dropdown tone start */
html body .unified-category-filter > .unified-category-filter-menu,
html body .unified-category-filter .unified-category-filter-menu,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .rice-plate-catalog-filter-menu.unified-category-filter-menu {
  border: 1px solid rgba(203, 213, 225, 0.76) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  background-color: rgba(255, 255, 255, 0.94) !important;
  box-shadow:
    0 22px 44px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
}

html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-panel,
html body .unified-category-filter .unified-category-filter-menu .unified-category-filter-panel {
  background: transparent !important;
}

html body .unified-category-filter-search,
html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-search,
html body .unified-category-filter .unified-category-filter-menu .unified-category-filter-search,
html body #catalogItemModal .unified-category-filter-search {
  border: 1px solid rgba(203, 213, 225, 0.88) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  color: #64748b !important;
  box-shadow: inset 0 1px 0 rgba(248, 250, 252, 0.86) !important;
}

html body .unified-category-filter-search:focus-within,
html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-search:focus-within,
html body .unified-category-filter .unified-category-filter-menu .unified-category-filter-search:focus-within,
html body #catalogItemModal .unified-category-filter-search:focus-within {
  border-color: rgba(100, 116, 139, 0.44) !important;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.07) !important;
}

html body .unified-category-filter-search-icon,
html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-search-icon,
html body .unified-category-filter .unified-category-filter-menu .unified-category-filter-search-icon,
html body .unified-category-filter:not(#categoryFilterProductParitySearchColorLock) > .unified-category-filter-menu .unified-category-filter-search .unified-category-filter-search-icon {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

html body .unified-category-filter-body,
html body .unified-category-filter > .unified-category-filter-menu .unified-category-filter-body,
html body .unified-category-filter .unified-category-filter-menu .unified-category-filter-body {
  border: 1px solid rgba(203, 213, 225, 0.76) !important;
  background: #f8fafc !important;
  background-color: #f8fafc !important;
}

html body .unified-category-filter-column + .unified-category-filter-column {
  border-left-color: rgba(203, 213, 225, 0.76) !important;
}

html body .unified-category-filter-column::-webkit-scrollbar-thumb {
  border: 2px solid rgba(248, 250, 252, 0.96) !important;
  background: rgba(148, 163, 184, 0.62) !important;
}

html body .unified-category-filter-option:hover,
html body .unified-category-filter-option:focus-visible {
  background: rgba(241, 245, 249, 0.96) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body .unified-category-filter-option-active,
html body .unified-category-filter-option.is-active,
html body .unified-category-filter-option.is-selected,
html body .unified-category-filter-option[aria-selected="true"] {
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .unified-category-filter-option-active::after,
html body .unified-category-filter-option.is-active::after,
html body .unified-category-filter-option.is-selected::after,
html body .unified-category-filter-option[aria-selected="true"]::after {
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
}
/* unified category neutral dropdown tone end */

/* catalog item modal rounded fields start */
html body #catalogItemModal .catalog-basic-panel :is(
  #catalogCodeInput,
  #catalogProductNameInput,
  #catalogMetalAccessoryInput,
  #catalogLengthInput,
  #catalogBeadDiameterInput,
  #catalogCategoryCascadeTrigger
) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 8px 18px rgba(15, 23, 42, 0.035) !important;
  outline: none !important;
  transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body #catalogItemModal .catalog-basic-panel #catalogCategoryCascadeTrigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-basic-panel #catalogCategoryCascadeText {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-basic-panel #catalogCategoryCascadeTrigger .catalog-filter-trigger-caret {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

html body #catalogItemModal .catalog-basic-panel :is(
  #catalogCodeInput,
  #catalogProductNameInput,
  #catalogMetalAccessoryInput,
  #catalogLengthInput,
  #catalogBeadDiameterInput
)::placeholder {
  color: rgba(100, 116, 139, 0.72) !important;
  -webkit-text-fill-color: rgba(100, 116, 139, 0.72) !important;
}

html body #catalogItemModal .catalog-basic-panel :is(
  #catalogCodeInput,
  #catalogProductNameInput,
  #catalogMetalAccessoryInput,
  #catalogLengthInput,
  #catalogBeadDiameterInput
):focus,
html body #catalogItemModal .catalog-basic-panel #catalogCategoryCascadeTrigger:focus,
html body #catalogItemModal .catalog-basic-panel #catalogCategoryCascadeTrigger:focus-visible,
html body #catalogItemModal .catalog-basic-panel #catalogCategoryCascadeTrigger[aria-expanded="true"] {
  border-color: rgba(15, 23, 42, 0.28) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    0 0 0 3px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body #catalogItemModal .catalog-basic-panel input[readonly],
html body #catalogItemModal .catalog-basic-panel #catalogBeadDiameterInput[readonly] {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  border-color: rgba(203, 213, 225, 0.9) !important;
  background: rgba(248, 250, 252, 0.92) !important;
  background-color: rgba(248, 250, 252, 0.92) !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
/* catalog item modal rounded fields end */

/* material inventory template parity start */
html body.is-material-inventory-view {
  --material-template-surface: #f5f5f7;
  --material-template-card: #ffffff;
  --material-template-card-soft: #f9f9fb;
  --material-template-control: #f3f3f5;
  --material-template-primary: #1677ff;
  --material-template-text: #1a1c1d;
  --material-template-muted: #414755;
  --material-template-outline: rgba(193, 198, 215, 0.22);
  --material-template-control-outline: rgba(193, 198, 215, 0.45);
  --material-template-row-border: rgba(226, 232, 240, 0.64);
  --material-template-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}

html body.is-material-inventory-view:not(.is-dashboard-login-page) {
  background: var(--material-template-surface) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory {
  max-width: none !important;
  padding: 18px 28px 32px !important;
  background: transparent !important;
  color: var(--material-template-text) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-panel-header {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 54px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-heading-copy h3 {
  margin: 0 !important;
  color: var(--material-template-text) !important;
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-panel-subtitle,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryWarehouseTabs {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-header-actions,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar-buttons,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-toolbar-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-header-actions {
  flex-wrap: nowrap !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .catalog-import-status,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #materialAssignButton[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(
  #inventoryInboundButton,
  #inventoryOutboundButton,
  #inventoryTransferButton,
  #inventoryMovementViewButton,
  #materialAddButton,
  #materialImportButton
).ghost-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid var(--material-template-control-outline) !important;
  background: var(--material-template-card) !important;
  background-image: none !important;
  color: var(--material-template-text) !important;
  -webkit-text-fill-color: var(--material-template-text) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(
  #inventoryInboundButton,
  #materialAddButton
).ghost-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(
  #inventoryInboundButton,
  #materialAddButton
).ghost-button:is(:hover, :focus, :focus-visible, :active) {
  border-color: var(--material-template-primary) !important;
  background: var(--material-template-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-flow-menu {
  display: inline-flex !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-flow-dropdown {
  top: calc(100% + 8px) !important;
  right: auto !important;
  left: 0 !important;
  min-width: 116px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-flow-dropdown button[data-inventory-flow-type] {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row {
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 20px 20px !important;
  border: 1px solid var(--material-template-outline) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  background-image: none !important;
  box-shadow: var(--material-template-shadow) !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-saas-controls.finished-inventory-controls.material-inventory-filterbar-single-row {
  grid-template-columns: minmax(292px, 300px) minmax(92px, 110px) minmax(92px, 110px) minmax(112px, 132px) minmax(180px, 1fr) 76px 68px !important;
  grid-template-rows: 42px !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group {
  display: contents !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 4px !important;
  width: 292px !important;
  min-width: 292px !important;
  max-width: 300px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f3f3f5 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--material-template-muted) !important;
  -webkit-text-fill-color: var(--material-template-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab.is-active {
  background: var(--material-template-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySpecFilterWrap {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryMaterialFilterWrap {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySupplierFilterWrap {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap {
  grid-column: 5 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap::before,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap::after,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap::before,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-search-wrap::after {
  content: none !important;
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-filter-field {
  position: relative !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-filter-label {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(
  #inventorySpecFilterButton,
  #inventoryMaterialFilterButton,
  #inventorySupplierFilterButton
),
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(
  #inventorySpecFilterButton,
  #inventoryMaterialFilterButton,
  #inventorySupplierFilterButton
):is(:hover, :focus, :focus-visible, :active),
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(
  #inventorySpecFilterButton,
  #inventoryMaterialFilterButton,
  #inventorySupplierFilterButton
)[aria-expanded="true"] {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 18px 0 14px !important;
  border: 1px solid var(--material-template-control-outline) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: var(--material-template-text) !important;
  -webkit-text-fill-color: var(--material-template-text) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(
  #inventorySpecFilterButton,
  #inventoryMaterialFilterButton,
  #inventorySupplierFilterButton
)::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 12px !important;
  margin-right: 2px !important;
  border-right: 1.7px solid #717786 !important;
  border-bottom: 1.7px solid #717786 !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(
  #inventorySpecFilterButton,
  #inventoryMaterialFilterButton,
  #inventorySupplierFilterButton
)[aria-expanded="true"]::after {
  transform: translateY(2px) rotate(225deg) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchInput {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid var(--material-template-control-outline) !important;
  border-radius: 999px !important;
  background: #f3f3f5 !important;
  background-image: none !important;
  color: var(--material-template-text) !important;
  -webkit-text-fill-color: var(--material-template-text) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 42px !important;
  outline: none !important;
  text-overflow: ellipsis !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchInput::placeholder {
  color: #717786 !important;
  -webkit-text-fill-color: #717786 !important;
  opacity: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary:is(:hover, :focus, :focus-visible, :active) {
  grid-column: 6 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--material-template-primary) !important;
  border-radius: 999px !important;
  background: var(--material-template-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button:is(:hover, :focus, :focus-visible, :active) {
  grid-column: 7 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--material-template-control-outline) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: var(--material-template-text) !important;
  -webkit-text-fill-color: var(--material-template-text) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-table-wrap {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(193, 198, 215, 0.1) !important;
  border-radius: 24px !important;
  background: var(--material-template-card) !important;
  box-shadow: var(--material-template-shadow) !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table {
  width: auto;
  min-width: 100%;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  background: var(--material-template-card) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table thead {
  background: #f3f3f5 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table th[data-inventory-column] {
  height: 38px !important;
  padding: 9px 12px !important;
  border-bottom: 1px solid var(--material-template-row-border) !important;
  background: #f3f3f5 !important;
  color: #717786 !important;
  -webkit-text-fill-color: #717786 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table td[data-inventory-column] {
  height: 68px !important;
  padding: 6px 12px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.45) !important;
  color: var(--material-template-text) !important;
  font-size: 13px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table td[data-inventory-column="productName"] {
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  line-height: 18px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table .material-product-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 18px !important;
  max-height: 36px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:nth-child(odd),
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:nth-child(even) {
  background: #ffffff !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:nth-child(odd) td,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:nth-child(even) td {
  background: #ffffff !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:hover td {
  background: #f8fafc !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(.inventory-product-thumb, .material-inventory-product-thumb, .finished-inventory-product-thumb, .inventory-table-product-image, td[data-inventory-column="productImage"] img) {
  border-radius: 10px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table td[data-inventory-column="productImage"] :is(.thumb-button, .product-thumb, img) {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 14px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table td[data-inventory-column="productImage"] img {
  display: block !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table :is(td[data-inventory-column="assignment"], td[data-inventory-column="actions"]) :is(button, a) {
  color: var(--material-template-primary) !important;
  -webkit-text-fill-color: var(--material-template-primary) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table .inventory-row-action-button.material-inventory-text-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table .inventory-row-action-button.material-inventory-text-button:is(:hover, :focus, :focus-visible, :active) {
  min-width: auto !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--material-template-primary) !important;
  -webkit-text-fill-color: var(--material-template-primary) !important;
  box-shadow: none !important;
}

/* dami material inventory toolbar compact start */
html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 82px !important;
  padding: 20px !important;
  overflow: visible !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs {
  order: 0 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:not(.is-active),
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:not(.is-active) {
  display: none !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar {
  order: 1 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterWrap, #inventoryMaterialFilterWrap, #inventorySupplierFilterWrap),
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterWrap, #inventoryMaterialFilterWrap, #inventorySupplierFilterWrap) {
  flex: 0 0 104px !important;
  width: 104px !important;
  max-width: 112px !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 320px !important;
  gap: 8px !important;
  min-width: 260px !important;
  max-width: 100% !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button {
  grid-column: auto !important;
  grid-row: auto !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1280px) {
  html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row,
  body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row {
    flex-wrap: wrap !important;
  }

  html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar,
  body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar {
    flex-wrap: wrap !important;
  }

  html body[data-dashboard-workspace="dami"].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group,
  body[data-dashboard-workspace="dami"] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group {
    flex: 1 1 100% !important;
    min-width: 280px !important;
  }
}
/* dami material inventory toolbar compact end */

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table .inventory-row-action-button.material-inventory-text-button:is(:hover, :focus-visible) {
  color: #0f5fcc !important;
  -webkit-text-fill-color: #0f5fcc !important;
  text-decoration: underline !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-column-resizer {
  display: none !important;
  cursor: default !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table :is(
  th[data-inventory-column="code"],
  td[data-inventory-column="code"],
  .material-code-copy-button,
  .material-code-text
) {
  min-width: 140px !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(
  button,
  [role="button"]
) {
  cursor: pointer !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table th,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table td,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table tbody tr,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-cascade-option-row,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryMaterialCategoryMenu button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryMaterialFilterMenu button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventorySupplierFilterMenu button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventorySpecFilterMenu button {
  cursor: default !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table .material-code-copy-button,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .summary-table.inventory-table :is(td[data-inventory-column="assignment"], td[data-inventory-column="actions"]) :is(button, a) {
  cursor: pointer !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryMaterialCategoryMenu button.is-active,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #inventoryMaterialFilterMenu button.is-active {
  background: var(--material-template-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}
/* material inventory template parity end */

/* material inventory action gap polish start */
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-operation-tools,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar-buttons,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-toolbar-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-action-toolbar-buttons > [hidden],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-toolbar-actions > [hidden],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory #finishedInventoryStocktakeButton[hidden] {
  display: none !important;
  visibility: hidden !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-flow-menu {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory :is(
  #inventoryInboundButton,
  #inventoryOutboundButton,
  #inventoryTransferButton,
  #inventoryMovementViewButton,
  #materialAddButton,
  #materialImportButton
).ghost-button {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

@media (max-width: 960px) {
  html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .inventory-header-actions {
    justify-content: flex-start !important;
  }
}
/* material inventory action gap polish end */

/* material filter grid search dropdown start */
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-menu.inventory-cascade-panel.material-option-grid-panel {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  width: min(620px, calc(100vw - 32px)) !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: min(420px, calc(100vh - 120px)) !important;
  padding: 10px !important;
  border: 1px solid rgba(193, 198, 215, 0.72) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 20px 52px rgba(15, 23, 42, 0.16) !important;
  overflow: auto !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-menu.inventory-cascade-panel.material-option-grid-panel[hidden] {
  display: none !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-saas-select-menu.inventory-cascade-panel.material-supplier-filter-panel {
  width: min(680px, calc(100vw - 32px)) !important;
  min-width: min(560px, calc(100vw - 32px)) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-primary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 36px !important;
  grid-column: 1 / -1 !important;
  gap: 8px !important;
  align-content: start !important;
  align-items: start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-primary .material-filter-category-option,
html body #materialItemModal.material-item-modal .material-editor-material-category-row .material-filter-category-option {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  max-height: 36px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: #f3f3f5 !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-primary .material-filter-category-option.is-active,
html body #materialItemModal.material-item-modal .material-editor-material-category-row .material-filter-category-option.is-active {
  background: var(--material-template-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-secondary-wrap,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-secondary {
  display: grid !important;
  grid-column: 1 / -1 !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-search-row {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.98) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .inventory-cascade-search-row input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(193, 198, 215, 0.72) !important;
  border-radius: 14px !important;
  background: #f7f8fb !important;
  color: #1d2939 !important;
  font-size: 13px !important;
  outline: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-option-grid-dropdown,
html body #materialItemModal.material-item-modal .material-option-grid-dropdown {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-option-grid-dropdown .inventory-cascade-option-row,
html body #materialItemModal.material-item-modal .material-option-grid-dropdown .inventory-cascade-option-row {
  display: block !important;
  min-width: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-option-grid-dropdown button,
html body #materialItemModal.material-item-modal .material-option-grid-dropdown button {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 8px 11px !important;
  border-radius: 12px !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-option-grid-dropdown button.is-active,
html body #materialItemModal.material-item-modal .material-option-grid-dropdown button.is-active {
  background: var(--material-template-primary, #1677ff) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row .material-option-grid-empty,
html body #materialItemModal.material-item-modal .material-option-grid-empty {
  grid-column: 1 / -1 !important;
  padding: 10px 12px !important;
  color: #717786 !important;
  font-size: 13px !important;
}

html body #materialItemModal.material-item-modal .material-editor-dropdown-layer .material-main-material-dropdown-panel,
html body #materialItemModal.material-item-modal .material-editor-dropdown-layer .material-supplier-dropdown-panel {
  width: min(680px, calc(100vw - 32px)) !important;
  min-width: min(420px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  gap: 10px !important;
}

html body #materialItemModal.material-item-modal .material-editor-dropdown-layer .material-supplier-dropdown-panel {
  min-width: min(560px, calc(100vw - 32px)) !important;
}

html body #materialItemModal.material-item-modal .material-editor-material-category-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 36px !important;
  grid-column: 1 / -1 !important;
  gap: 8px !important;
  align-content: start !important;
  align-items: start !important;
}

html body #materialItemModal.material-item-modal .material-editor-material-category-row .material-filter-category-option.is-active {
  background: var(--material-editor-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #materialItemModal.material-item-modal .material-main-material-options,
html body #materialItemModal.material-item-modal .material-supplier-dropdown-options {
  display: grid !important;
  gap: 8px !important;
}

html body #materialItemModal.material-item-modal .material-main-material-options > .material-option-grid-dropdown,
html body #materialItemModal.material-item-modal .material-supplier-dropdown-options > .material-option-grid-dropdown {
  grid-column: 1 / -1 !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySpecFilterPanel.material-option-grid-panel,
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterPanel.material-option-grid-panel {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(620px, calc(100vw - 32px)) !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySupplierFilterPanel.material-option-grid-panel {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(680px, calc(100vw - 32px)) !important;
  min-width: min(560px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
}

html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySpecFilterPanel.material-option-grid-panel[hidden],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventoryMaterialFilterPanel.material-option-grid-panel[hidden],
html body.is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .material-inventory-filterbar-single-row #inventorySupplierFilterPanel.material-option-grid-panel[hidden] {
  display: none !important;
}
/* material filter grid search dropdown end */

/* material editor titanium modal start */
html body #materialItemModal.material-item-modal {
  --material-editor-canvas: #f2f2f7;
  --material-editor-surface: #f9f9fb;
  --material-editor-card: rgba(255, 255, 255, 0.88);
  --material-editor-card-solid: #ffffff;
  --material-editor-text: #1a1c1d;
  --material-editor-muted: #717786;
  --material-editor-outline: rgba(193, 198, 215, 0.62);
  --material-editor-outline-soft: rgba(255, 255, 255, 0.54);
  --material-editor-primary: #0058bc;
  --material-editor-danger: #ba1a1a;
  --material-editor-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}

html body #materialItemModal.material-item-modal[hidden] {
  display: none !important;
}

html body #materialItemModal.material-item-modal .titanium-material-editor-dialog {
  box-sizing: border-box !important;
  width: min(1040px, calc(100vw - 56px)) !important;
  max-width: min(1040px, calc(100vw - 56px)) !important;
  max-height: calc(100vh - 48px) !important;
  padding: 0 !important;
  border: 1px solid var(--material-editor-outline-soft) !important;
  border-radius: 32px !important;
  background: var(--material-editor-canvas) !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.18) !important;
  overflow: hidden !important;
}

html body #materialItemModal.material-item-modal .titanium-material-editor-form {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  max-height: calc(100vh - 48px) !important;
  padding: 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: var(--material-editor-canvas) !important;
  color: var(--material-editor-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body #materialItemModal.material-item-modal .titanium-material-editor-form::-webkit-scrollbar {
  width: 6px !important;
}

html body #materialItemModal.material-item-modal .titanium-material-editor-form::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(113, 119, 134, 0.28) !important;
}

html body #materialItemModal.material-item-modal .titanium-material-hidden-fields {
  display: none !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-titlebar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 44px !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-titlecopy,
html body #materialItemModal.material-item-modal .titanium-editor-card-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-title-icon,
html body #materialItemModal.material-item-modal .titanium-editor-card-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border: 2px solid var(--material-editor-primary) !important;
  border-radius: 999px !important;
  color: var(--material-editor-primary) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-titlecopy h3,
html body #materialItemModal.material-item-modal .titanium-editor-card-title h3 {
  margin: 0 !important;
  color: var(--material-editor-text) !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-titlecopy p {
  margin: 2px 0 0 !important;
  color: var(--material-editor-muted) !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-close {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-card {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 20px !important;
  padding: 24px !important;
  border: 1px solid var(--material-editor-outline-soft) !important;
  border-radius: 32px !important;
  background: var(--material-editor-card) !important;
  box-shadow: var(--material-editor-shadow) !important;
  backdrop-filter: blur(20px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.05) !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 54px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(193, 198, 215, 0.24) !important;
}

html body #materialItemModal.material-item-modal .titanium-material-image-mini {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 6px !important;
  border: 1px solid rgba(193, 198, 215, 0.28) !important;
  border-radius: 18px !important;
  background: rgba(243, 243, 245, 0.82) !important;
}

html body #materialItemModal.material-item-modal #materialItemImagePreviewCard.catalog-item-image-preview-card {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(193, 198, 215, 0.36) !important;
  border-radius: 18px !important;
  background: #f3f3f5 !important;
  overflow: hidden !important;
}

html body #materialItemModal.material-item-modal #materialItemImagePreviewCard .catalog-item-image-preview-wrap,
html body #materialItemModal.material-item-modal #materialItemImagePreviewCard img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 18px !important;
}

html body #materialItemModal.material-item-modal #materialItemImagePreviewCard img {
  display: block !important;
  object-fit: cover !important;
}

html body #materialItemModal.material-item-modal .titanium-material-image-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: rgba(65, 71, 85, 0.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #materialItemModal.material-item-modal .titanium-material-image-actions {
  display: grid !important;
  gap: 2px !important;
  min-width: 92px !important;
}

html body #materialItemModal.material-item-modal .titanium-material-image-actions > span {
  color: var(--material-editor-text) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 18px !important;
}

html body #materialItemModal.material-item-modal #materialItemImageUploadButton {
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--material-editor-primary) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body #materialItemModal.material-item-modal #materialItemImageStatus {
  min-height: 16px !important;
  color: var(--material-editor-muted) !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 16px !important;
}

html body #materialItemModal.material-item-modal #materialItemImageStatus.is-success {
  color: #087443 !important;
}

html body #materialItemModal.material-item-modal #materialItemImageStatus.is-error {
  color: var(--material-editor-danger) !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  column-gap: 24px !important;
  row-gap: 18px !important;
}

html body #materialItemModal.material-item-modal .titanium-field-span-3 {
  grid-column: span 3 !important;
}

html body #materialItemModal.material-item-modal .titanium-field-span-6 {
  grid-column: span 6 !important;
}

html body #materialItemModal.material-item-modal .form-field {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body #materialItemModal.material-item-modal .form-field[hidden] {
  display: none !important;
}

html body #materialItemModal.material-item-modal .form-field > span {
  color: var(--material-editor-muted) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
}

html body #materialItemModal.material-item-modal :is(
  input:not([type="hidden"]),
  .enterprise-select-button,
  .titanium-loss-rate-input
) {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid var(--material-editor-outline) !important;
  border-radius: 16px !important;
  background: var(--material-editor-card-solid) !important;
  color: var(--material-editor-text) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  outline: 0 !important;
}

html body #materialItemModal.material-item-modal input[readonly] {
  color: rgba(65, 71, 85, 0.78) !important;
  background: rgba(243, 243, 245, 0.72) !important;
}

html body #materialItemModal.material-item-modal :is(input:not([type="hidden"]), .enterprise-select-button):focus-visible,
html body #materialItemModal.material-item-modal .form-field:focus-within .titanium-loss-rate-input {
  border-color: rgba(0, 88, 188, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(0, 112, 235, 0.10) !important;
}

html body #materialItemModal.material-item-modal .enterprise-select {
  position: relative !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-right: 42px !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-sizing: border-box !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-button::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  margin-left: 12px !important;
  border-right: 2px solid rgba(65, 71, 85, 0.78) !important;
  border-bottom: 2px solid rgba(65, 71, 85, 0.78) !important;
  transform: rotate(45deg) translateY(-2px) !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-menu {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 40 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  display: grid !important;
  gap: 6px !important;
  max-height: 240px !important;
  padding: 8px !important;
  border: 1px solid rgba(193, 198, 215, 0.66) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  overflow-y: auto !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-menu[hidden] {
  display: none !important;
}

html body #materialItemModal.material-item-modal .material-editor-dropdown-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 4200 !important;
  pointer-events: none !important;
}

html body #materialItemModal.material-item-modal .material-editor-dropdown-layer[hidden] {
  display: none !important;
}

html body #materialItemModal.material-item-modal .material-editor-dropdown-layer .enterprise-select-menu.material-editor-dropdown-panel,
html body #materialItemModal.material-item-modal .material-editor-dropdown-layer .material-assignment-dropdown-menu.material-editor-dropdown-panel {
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 4210 !important;
  pointer-events: auto !important;
}

html body #materialItemModal.material-item-modal .material-editor-dropdown-layer .material-supplier-dropdown-panel {
  width: min(620px, calc(100vw - 32px)) !important;
  min-width: min(420px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  gap: 8px !important;
}

html body #materialItemModal.material-item-modal .material-supplier-dropdown-panel .material-editor-dropdown-search {
  grid-column: 1 / -1 !important;
}

html body #materialItemModal.material-item-modal .material-supplier-dropdown-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important;
  gap: 8px !important;
}

html body #materialItemModal.material-item-modal .material-supplier-dropdown-options button {
  min-width: 0 !important;
  min-height: 36px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #materialItemModal.material-item-modal .material-supplier-dropdown-panel .enterprise-select-empty {
  grid-column: 1 / -1 !important;
  padding: 8px 10px !important;
  color: var(--material-editor-muted) !important;
  font-size: 13px !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-menu button,
html body #materialItemModal.material-item-modal .material-assignment-dropdown-option {
  min-height: 36px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--material-editor-text) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 18px !important;
  text-align: left !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-menu button:hover,
html body #materialItemModal.material-item-modal .material-assignment-dropdown-option:hover {
  background: #f3f3f5 !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-menu button.is-active {
  background: var(--material-editor-primary) !important;
  color: #ffffff !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-search-row {
  padding: 0 !important;
}

html body #materialItemModal.material-item-modal .enterprise-select-search-row input {
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}

html body #materialItemModal.material-item-modal #materialReplenishQuantityInput.is-disabled,
html body #materialItemModal.material-item-modal #materialReplenishQuantityInput:disabled {
  background: #f3f3f5 !important;
  color: rgba(65, 71, 85, 0.48) !important;
  cursor: not-allowed !important;
  -webkit-text-fill-color: rgba(65, 71, 85, 0.48) !important;
}

html body #materialItemModal.material-item-modal .titanium-loss-rate-input {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #materialItemModal.material-item-modal .titanium-loss-rate-input input {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #materialItemModal.material-item-modal .titanium-loss-rate-input span {
  color: var(--material-editor-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  cursor: pointer !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option input {
  width: 16px !important;
  height: 16px !important;
  margin: 1px 0 0 !important;
  accent-color: var(--material-editor-primary) !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option span {
  display: grid !important;
  gap: 2px !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option strong {
  font-size: 13px !important;
  line-height: 18px !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option em,
html body #materialItemModal.material-item-modal .material-assignment-inline-hint {
  color: rgba(65, 71, 85, 0.68) !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 16px !important;
}

html body #materialItemModal.material-item-modal .material-assignment-inline-hint {
  margin: 6px 0 0 !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-actionbar {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 64px !important;
  padding: 12px 20px !important;
  border: 1px solid rgba(193, 198, 215, 0.32) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: var(--material-editor-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-actionbar-right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-actionbar button {
  min-height: 40px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 20px !important;
}

html body #materialItemModal.material-item-modal .titanium-editor-cancel {
  border: 1px solid var(--material-editor-outline) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--material-editor-muted) !important;
}

html body #materialItemModal.material-item-modal .material-item-delete-button {
  border: 1px solid var(--material-editor-danger) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--material-editor-danger) !important;
}

html body #materialItemModal.material-item-modal #submitMaterialItemButton {
  min-width: 128px !important;
  border: 1px solid var(--material-editor-primary) !important;
  background: var(--material-editor-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 88, 188, 0.16) !important;
}

@media (max-width: 980px) {
  html body #materialItemModal.material-item-modal .titanium-field-span-3,
  html body #materialItemModal.material-item-modal .titanium-field-span-6 {
    grid-column: span 6 !important;
  }

  html body #materialItemModal.material-item-modal .titanium-editor-card-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (max-width: 680px) {
  html body #materialItemModal.material-item-modal .titanium-material-editor-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  html body #materialItemModal.material-item-modal .titanium-material-editor-form {
    padding: 14px !important;
  }

  html body #materialItemModal.material-item-modal .titanium-field-span-3,
  html body #materialItemModal.material-item-modal .titanium-field-span-6 {
    grid-column: 1 / -1 !important;
  }

  html body #materialItemModal.material-item-modal .titanium-editor-actionbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body #materialItemModal.material-item-modal .titanium-editor-actionbar-right {
    justify-content: stretch !important;
  }

  html body #materialItemModal.material-item-modal .titanium-editor-actionbar button {
    flex: 1 1 auto !important;
  }
}
/* material editor titanium modal end */

/* material assignment dropdown in item modal start */
html body #materialItemModal.material-item-modal .material-assignment-field {
  position: relative !important;
}

html body #materialItemModal.material-item-modal .material-assignment-select {
  position: relative !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-button {
  width: 100% !important;
  justify-content: space-between !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-menu {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 80 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  display: grid !important;
  gap: 6px !important;
  min-width: 220px !important;
  padding: 8px !important;
  border: 1px solid rgba(193, 198, 215, 0.56) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12) !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-menu[hidden] {
  display: none !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  cursor: pointer !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option:hover {
  background: #f5f7fb !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option input {
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 0 !important;
  accent-color: #1677ff !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option span {
  display: grid !important;
  gap: 2px !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option strong {
  color: #1a1c1d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
}

html body #materialItemModal.material-item-modal .material-assignment-dropdown-option em,
html body #materialItemModal.material-item-modal .material-assignment-inline-hint {
  color: #64748b !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 16px !important;
}

html body #materialItemModal.material-item-modal .material-assignment-inline-hint {
  margin: 6px 0 0 !important;
}
/* material assignment dropdown in item modal end */

/* material assignment row popover start */
html body .material-assignment-popover {
  position: fixed !important;
  z-index: 2200 !important;
  box-sizing: border-box !important;
  width: 224px !important;
  min-width: 200px !important;
  max-width: 240px !important;
  padding: 12px !important;
  border: 1px solid rgba(203, 213, 225, 0.72) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
}

html body .material-assignment-popover[hidden] {
  display: none !important;
}

html body .material-assignment-popover-list {
  display: grid !important;
  gap: 6px !important;
}

html body .material-assignment-popover-option {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  cursor: pointer !important;
}

html body .material-assignment-popover-option:hover {
  background: #f5f7fb !important;
}

html body .material-assignment-popover-option input {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #1677ff !important;
}

html body .material-assignment-popover-option span {
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 18px !important;
}

html body .material-assignment-popover-status {
  margin: 8px 2px 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

html body .material-assignment-popover-status.is-error {
  color: #dc2626 !important;
}

html body .material-assignment-popover-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

html body .material-assignment-popover-actions button {
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
/* material assignment row popover end */
/* material context menu glass start */
.material-inventory-context-menu {
  position: fixed;
  z-index: 5000;
  display: grid;
  min-width: 148px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.56);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.material-inventory-context-menu[hidden] {
  display: none !important;
}

.material-inventory-context-menu button {
  display: flex;
  align-items: center;
  min-height: 34px;
  width: 100%;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #0f172a;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.material-inventory-context-menu button:hover,
.material-inventory-context-menu button:focus-visible {
  background: rgba(241, 245, 249, 0.86);
  color: #0f172a;
  outline: 0;
}
/* material context menu glass end */

.material-inventory-detail-modal.is-purchase-detail .material-inventory-detail-dialog {
  width: min(1180px, calc(100vw - 64px));
  max-width: calc(100vw - 64px);
}

.material-inventory-detail-table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
}

.material-purchase-details-table {
  min-width: 1300px;
  table-layout: fixed;
}

.material-purchase-details-table th {
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  line-height: 18px;
}

.material-purchase-details-table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* material inbound titanium modal start */
#inventoryActionModal.is-material-inbound-modal {
  padding: 28px;
}

#inventoryActionModal.is-material-inbound-modal .modal-backdrop {
  background: rgba(12, 18, 30, 0.22);
  backdrop-filter: blur(9px);
}

.inventory-action-dialog.is-material-inbound-register {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid rgba(193, 198, 215, 0.72);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07), 0 28px 72px rgba(22, 34, 61, 0.16);
  backdrop-filter: blur(16px);
}

.inventory-action-dialog.is-material-inbound-register .inventory-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas:
    "date source handler code"
    "strip pieces item gram"
    "loss cost . ."
    "location quantity total ."
    "remark remark remark remark";
  gap: 22px 18px;
}

.inventory-action-dialog.is-material-inbound-register.is-material-inbound-simple .inventory-action-grid {
  grid-template-areas:
    "date source handler code"
    "location quantity . ."
    "remark remark remark remark";
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundDateRow {
  grid-area: date;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundSourceRow {
  grid-area: source;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundHandlerRow {
  grid-area: handler;
}

.inventory-action-dialog.is-material-inbound-register #inventoryActionCodeRow {
  grid-area: code;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundPurchaseStripPriceRow {
  grid-area: strip;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundPiecesPerStripRow {
  grid-area: pieces;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundPurchasePriceRow {
  grid-area: item;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundPurchaseGramPriceRow {
  grid-area: gram;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundLossRateRow {
  grid-area: loss;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundCostUnitPriceRow {
  grid-area: cost;
}

.inventory-action-dialog.is-material-inbound-register #inventoryActionLocationRow {
  grid-area: location;
}

.inventory-action-dialog.is-material-inbound-register #inventoryActionQuantityRow {
  grid-area: quantity;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundPurchaseTotalRow {
  grid-area: total;
}

.inventory-action-dialog.is-material-inbound-register .form-field-full {
  grid-column: auto;
}

.inventory-action-dialog.is-material-inbound-register #inventoryInboundUnitCountRow {
  grid-area: remark;
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-purchase-row {
  min-width: 0;
}

.inventory-action-dialog.is-material-inbound-register input,
.inventory-action-dialog.is-material-inbound-register select,
.inventory-action-dialog.is-material-inbound-register .enterprise-select-button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid #c1c6d7;
  border-radius: 12px;
  background: #fff !important;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  box-shadow: none !important;
  font-size: 15px;
  font-weight: 500;
  box-sizing: border-box;
}

.inventory-action-dialog.is-material-inbound-register .enterprise-select,
.inventory-action-dialog.is-material-inbound-register .inventory-action-location-select,
.inventory-action-dialog.is-material-inbound-register .material-inbound-people-select {
  width: 100%;
  min-width: 0;
}

.inventory-action-dialog.is-material-inbound-register .enterprise-select-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 42px 0 16px;
}

.inventory-action-dialog.is-material-inbound-register .enterprise-select-button::after {
  right: 18px;
  color: #475569;
}

.inventory-action-dialog.is-material-inbound-register .enterprise-select-button.is-placeholder {
  color: #64748b;
  -webkit-text-fill-color: #64748b;
}

.inventory-action-dialog.is-material-inbound-register input:focus,
.inventory-action-dialog.is-material-inbound-register select:focus,
.inventory-action-dialog.is-material-inbound-register .enterprise-select-button:focus,
.inventory-action-dialog.is-material-inbound-register .enterprise-select-button:focus-visible {
  outline: none;
  border-color: #0058bc;
  box-shadow: 0 0 0 4px rgba(0, 88, 188, 0.16) !important;
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-percent-field {
  position: relative;
  display: flex;
  align-items: center;
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-percent-field input {
  width: 100%;
  padding-right: 40px;
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-percent-field b {
  position: absolute;
  right: 16px;
  color: #717786;
  font-size: 14px;
  font-weight: 700;
  pointer-events: none;
}

.inventory-action-dialog.is-material-inbound-register .inventory-outbound-people-search {
  padding: 10px;
  border-bottom: 1px solid rgba(193, 198, 215, 0.48);
}

.inventory-action-dialog.is-material-inbound-register .inventory-outbound-people-search input {
  min-height: 40px;
  padding: 0 12px;
  font-size: 14px;
}

.inventory-action-dialog.is-material-inbound-register .enterprise-select-menu button,
.inventory-action-dialog.is-material-inbound-register .inventory-action-location-menu button,
.inventory-action-dialog.is-material-inbound-register .material-inbound-person-option {
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-person-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-height: 46px;
  padding: 8px 14px;
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-person-option small {
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  font-size: 12px;
  font-weight: 500;
}

.inventory-action-dialog.is-material-inbound-register .enterprise-select-menu button:hover,
.inventory-action-dialog.is-material-inbound-register .inventory-action-location-menu button:hover,
.inventory-action-dialog.is-material-inbound-register .material-inbound-person-option:hover {
  background: #f1f5f9 !important;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}

.inventory-action-dialog.is-material-inbound-register .enterprise-select-menu button.is-active,
.inventory-action-dialog.is-material-inbound-register .inventory-action-location-menu button.is-active,
.inventory-action-dialog.is-material-inbound-register .material-inbound-person-option.is-active {
  background: #0058bc !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-person-option.is-active small {
  color: rgba(255, 255, 255, 0.82);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82);
}

.inventory-action-dialog.is-material-inbound-register .material-inbound-people-empty {
  padding: 14px;
  color: #64748b;
  -webkit-text-fill-color: #64748b;
}

.inventory-action-dialog.is-material-inbound-register #inventoryActionCancelButton,
.inventory-action-dialog.is-material-inbound-register #inventoryActionSubmitButton {
  height: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
}

.inventory-action-dialog.is-material-inbound-register #inventoryActionCancelButton {
  min-width: 92px;
  padding: 0 22px;
  border-radius: 14px;
}

.inventory-action-dialog.is-material-inbound-register #inventoryActionSubmitButton {
  min-width: 112px;
  padding: 0 24px;
  background: #0058bc;
  color: #fff;
}

@media (max-width: 760px) {
  .inventory-action-dialog.is-material-inbound-register .inventory-action-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "date"
      "source"
      "handler"
      "code"
      "strip"
      "pieces"
      "item"
      "gram"
      "loss"
      "cost"
      "location"
      "quantity"
      "total"
      "remark";
  }

  .inventory-action-dialog.is-material-inbound-register.is-material-inbound-simple .inventory-action-grid {
    grid-template-areas:
      "date"
      "source"
      "handler"
      "code"
      "location"
      "quantity"
      "remark";
  }

  .inventory-action-dialog.is-material-inbound-register .form-field-full,
  .inventory-action-dialog.is-material-inbound-register .material-inbound-purchase-row {
    grid-column: auto;
  }
}
/* material inbound titanium modal end */

/* material outbound titanium modal start */
#inventoryActionModal.is-material-outbound-modal {
  padding: 28px;
}

#inventoryActionModal.is-material-outbound-modal .modal-backdrop {
  background: rgba(12, 18, 30, 0.22);
  backdrop-filter: blur(9px);
}

.inventory-action-dialog.is-material-outbound-register.material-outbound-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid rgba(193, 198, 215, 0.72);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07), 0 28px 72px rgba(22, 34, 61, 0.16);
  backdrop-filter: blur(16px);
}

.inventory-action-dialog.is-material-outbound-register .material-outbound-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 18px;
}

.inventory-action-dialog.is-material-outbound-register #inventoryOutboundUserRow,
.inventory-action-dialog.is-material-outbound-register #inventoryOutboundHandlerRow {
  grid-column: span 1;
}

.inventory-action-dialog.is-material-outbound-register .form-field-full {
  grid-column: 1 / -1;
}

.inventory-action-dialog.is-material-outbound-register input,
.inventory-action-dialog.is-material-outbound-register select,
.inventory-action-dialog.is-material-outbound-register .enterprise-select-button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid #c1c6d7;
  border-radius: 12px;
  background: #fff !important;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  box-shadow: none !important;
  font-size: 15px;
  font-weight: 500;
  box-sizing: border-box;
}

.inventory-action-dialog.is-material-outbound-register .enterprise-select-button,
.inventory-action-dialog.is-material-outbound-register .material-outbound-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 42px 0 16px;
}

.inventory-action-dialog.is-material-outbound-register .enterprise-select-button::after {
  right: 18px;
  color: #475569;
}

.inventory-action-dialog.is-material-outbound-register input:focus,
.inventory-action-dialog.is-material-outbound-register select:focus,
.inventory-action-dialog.is-material-outbound-register .enterprise-select-button:focus,
.inventory-action-dialog.is-material-outbound-register .enterprise-select-button:focus-visible {
  outline: none;
  border-color: #0058bc;
  box-shadow: 0 0 0 4px rgba(0, 88, 188, 0.16) !important;
}

.inventory-action-dialog.is-material-outbound-register .enterprise-select-menu,
.inventory-action-dialog.is-material-outbound-register .inventory-action-location-menu,
.inventory-action-dialog.is-material-outbound-register .material-outbound-dropdown-panel {
  z-index: 20;
  border-color: #c1c6d7;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(31, 38, 135, 0.11);
}

.inventory-action-dialog.is-material-outbound-register .inventory-outbound-people-search {
  padding: 10px;
  border-bottom: 1px solid rgba(193, 198, 215, 0.48);
}

.inventory-action-dialog.is-material-outbound-register .enterprise-select-menu button,
.inventory-action-dialog.is-material-outbound-register .inventory-action-location-menu button,
.inventory-action-dialog.is-material-outbound-register .material-outbound-person-option {
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}

.inventory-action-dialog.is-material-outbound-register .material-outbound-person-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-height: 46px;
  padding: 8px 14px;
}

.inventory-action-dialog.is-material-outbound-register .enterprise-select-menu button:hover,
.inventory-action-dialog.is-material-outbound-register .inventory-action-location-menu button:hover,
.inventory-action-dialog.is-material-outbound-register .material-outbound-person-option:hover {
  background: #f1f5f9 !important;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}

.inventory-action-dialog.is-material-outbound-register .enterprise-select-menu button.is-active,
.inventory-action-dialog.is-material-outbound-register .inventory-action-location-menu button.is-active,
.inventory-action-dialog.is-material-outbound-register .material-outbound-person-option.is-active {
  background: #0058bc !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.inventory-action-dialog.is-material-outbound-register #inventoryActionCancelButton,
.inventory-action-dialog.is-material-outbound-register #inventoryActionSubmitButton {
  height: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
}

.inventory-action-dialog.is-material-outbound-register #inventoryActionCancelButton {
  min-width: 92px;
  padding: 0 22px;
  border: 1px solid #c1c6d7;
  background: #fff;
  color: #414755;
}

.inventory-action-dialog.is-material-outbound-register #inventoryActionSubmitButton {
  min-width: 112px;
  padding: 0 24px;
  border: 0;
  border-radius: 14px;
  background: #0058bc;
  color: #fff;
  box-shadow: 0 12px 22px rgba(0, 88, 188, 0.22);
}

.inventory-action-dialog.is-material-outbound-register #inventoryActionSubmitButton:hover,
.inventory-action-dialog.is-material-outbound-register #inventoryActionSubmitButton:focus-visible {
  background: #0070eb;
}

@media (max-width: 760px) {
  .inventory-action-dialog.is-material-outbound-register .material-outbound-grid {
    grid-template-columns: 1fr;
  }
}
/* material outbound titanium modal end */

/* material transfer titanium modal start */
#inventoryActionModal.is-material-transfer-modal {
  padding: 28px;
}

#inventoryActionModal.is-material-transfer-modal .modal-backdrop {
  background: rgba(12, 18, 30, 0.22);
  backdrop-filter: blur(9px);
}

.inventory-action-dialog.is-material-transfer-register.material-transfer-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid rgba(193, 198, 215, 0.72);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07), 0 28px 72px rgba(22, 34, 61, 0.16);
  backdrop-filter: blur(16px);
}

.inventory-action-dialog.is-material-transfer-register .material-transfer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 18px;
}

.inventory-action-dialog.is-material-transfer-register #inventoryTransferApplicantRow,
.inventory-action-dialog.is-material-transfer-register #inventoryTransferHandlerRow,
.inventory-action-dialog.is-material-transfer-register .material-transfer-field {
  min-width: 0;
}

.inventory-action-dialog.is-material-transfer-register .form-field-full {
  grid-column: 1 / -1;
}

.inventory-action-dialog.is-material-transfer-register input,
.inventory-action-dialog.is-material-transfer-register select,
.inventory-action-dialog.is-material-transfer-register .enterprise-select-button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid #c1c6d7;
  border-radius: 12px;
  background: #fff !important;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  box-shadow: none !important;
  font-size: 15px;
  font-weight: 500;
  box-sizing: border-box;
}

.inventory-action-dialog.is-material-transfer-register .enterprise-select-button,
.inventory-action-dialog.is-material-transfer-register .material-transfer-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 42px 0 16px;
}

.inventory-action-dialog.is-material-transfer-register .enterprise-select-button::after {
  right: 18px;
  color: #475569;
}

.inventory-action-dialog.is-material-transfer-register input:focus,
.inventory-action-dialog.is-material-transfer-register select:focus,
.inventory-action-dialog.is-material-transfer-register .enterprise-select-button:focus,
.inventory-action-dialog.is-material-transfer-register .enterprise-select-button:focus-visible {
  outline: none;
  border-color: #0058bc;
  box-shadow: 0 0 0 4px rgba(0, 88, 188, 0.16) !important;
}

.inventory-action-dialog.is-material-transfer-register .enterprise-select-menu,
.inventory-action-dialog.is-material-transfer-register .material-transfer-dropdown-panel {
  z-index: 20;
  border-color: #c1c6d7;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(31, 38, 135, 0.11);
}

.inventory-action-dialog.is-material-transfer-register .inventory-transfer-people-search {
  padding: 10px;
  border-bottom: 1px solid rgba(193, 198, 215, 0.48);
}

.inventory-action-dialog.is-material-transfer-register .enterprise-select-menu button,
.inventory-action-dialog.is-material-transfer-register .material-transfer-person-option {
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}

.inventory-action-dialog.is-material-transfer-register .material-transfer-person-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-height: 46px;
  padding: 8px 14px;
}

.inventory-action-dialog.is-material-transfer-register .enterprise-select-menu button:hover,
.inventory-action-dialog.is-material-transfer-register .material-transfer-person-option:hover {
  background: #f1f5f9 !important;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}

.inventory-action-dialog.is-material-transfer-register .enterprise-select-menu button.is-active,
.inventory-action-dialog.is-material-transfer-register .material-transfer-person-option.is-active {
  background: #0058bc !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.inventory-action-dialog.is-material-transfer-register .material-transfer-actionbar {
  align-items: center;
  justify-content: flex-end;
}

.inventory-action-dialog.is-material-transfer-register #inventoryActionCancelButton {
  display: inline-flex;
  min-width: 92px;
  border: 1px solid #c1c6d7;
  background: #fff;
  color: #414755;
}

.inventory-action-dialog.is-material-transfer-register #inventoryActionSubmitButton {
  min-width: 112px;
  border: 0;
  border-radius: 14px;
  background: #0058bc;
  color: #fff;
  box-shadow: 0 12px 22px rgba(0, 88, 188, 0.22);
}

.inventory-action-dialog.is-material-transfer-register #inventoryActionSubmitButton:hover,
.inventory-action-dialog.is-material-transfer-register #inventoryActionSubmitButton:focus-visible {
  background: #0070eb;
}

@media (max-width: 760px) {
  .inventory-action-dialog.is-material-transfer-register .material-transfer-grid {
    grid-template-columns: 1fr;
  }
}
/* material transfer titanium modal end */

/* finished inventory plain white rows start */
#inventorySection.is-finished-inventory .inventory-table tbody tr,
#inventorySection.is-finished-inventory .inventory-table tbody tr:nth-child(odd),
#inventorySection.is-finished-inventory .inventory-table tbody tr:nth-child(even),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(odd),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(even),
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr:nth-child(odd),
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr:nth-child(even) {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

#inventorySection.is-finished-inventory .inventory-table tbody td,
#inventorySection.is-finished-inventory .inventory-table tbody tr:nth-child(odd) td,
#inventorySection.is-finished-inventory .inventory-table tbody tr:nth-child(even) td,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(odd) td,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:nth-child(even) td,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody td,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr:nth-child(odd) td,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr:nth-child(even) td {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

#inventorySection.is-finished-inventory .inventory-table tbody tr:hover,
#inventorySection.is-finished-inventory .inventory-table tbody tr:hover td,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:hover,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr:hover td,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr:hover,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr:hover td {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
/* finished inventory plain white rows end */

/* finished inventory cursor parity start */
#inventorySection.is-finished-inventory .inventory-table tbody tr,
#inventorySection.is-finished-inventory .inventory-table tbody td,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody tr,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody tr,
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody td {
  cursor: default !important;
  user-select: text !important;
  -webkit-user-select: text !important;
}

#inventorySection.is-finished-inventory .inventory-table tbody td :is(
  span,
  strong,
  div,
  p,
  em
),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody td :is(
  span,
  strong,
  div,
  p,
  em
),
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody td :is(
  span,
  strong,
  div,
  p,
  em
) {
  cursor: text !important;
  user-select: text !important;
  -webkit-user-select: text !important;
}

#inventorySection.is-finished-inventory .inventory-table tbody :is(
  button,
  a,
  [role="button"],
  .inventory-action-button,
  .inventory-row-action-button,
  .thumb-button,
  .finished-inventory-action,
  .finished-inventory-edit-button
),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody :is(
  button,
  a,
  [role="button"],
  .inventory-action-button,
  .inventory-row-action-button,
  .thumb-button,
  .finished-inventory-action,
  .finished-inventory-edit-button
),
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody :is(
  button,
  a,
  [role="button"],
  .inventory-action-button,
  .inventory-row-action-button,
  .thumb-button,
  .finished-inventory-action,
  .finished-inventory-edit-button
) {
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

#inventorySection.is-finished-inventory .inventory-table tbody :is(button, a, [role="button"]) :is(
  span,
  strong,
  div,
  p,
  em,
  img
),
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory .summary-table.inventory-table tbody :is(button, a, [role="button"]) :is(
  span,
  strong,
  div,
  p,
  em,
  img
),
body.is-main-finished-inventory-view #inventorySection .inventory-table tbody :is(button, a, [role="button"]) :is(
  span,
  strong,
  div,
  p,
  em,
  img
) {
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
/* finished inventory cursor parity end */

/* rice plate card rounded polish start */
html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-card-grid] > .rice-plate-product-card {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07) !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-card-grid] > .rice-plate-product-card:hover,
html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-card-grid] > .rice-plate-product-card:focus-visible {
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1) !important;
  transform: translateY(-1px) !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-card-grid] .rice-plate-product-card-media {
  border-radius: 14px !important;
  overflow: hidden !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-card-grid] .rice-plate-product-card-image-button,
html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-card-grid] .rice-plate-product-card-image-button img,
html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-card-grid] .rice-plate-product-card-empty-image {
  border-radius: inherit !important;
  overflow: hidden !important;
}
/* rice plate card rounded polish end */

/* rice plate bead sort selected state start */
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):focus-visible,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):focus-visible {
  background: #f1f5f9 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option[aria-selected="true"],
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-selected,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option[aria-selected="true"],
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option.is-selected {
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option[aria-selected="true"]::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-active::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-selected::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option[aria-selected="true"]::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option.is-active::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-sort-menu .rice-plate-unified-filter-option.is-selected::after {
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  opacity: 1 !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent [data-rice-plate-sort-button].rice-plate-unified-filter-trigger .rice-plate-catalog-filter-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):focus-visible,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option:not([aria-selected="true"]):focus-visible {
  background: #f1f5f9 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option[aria-selected="true"],
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-selected,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option[aria-selected="true"],
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option.is-selected {
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option[aria-selected="true"]::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-active::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-bead-filter-menu .rice-plate-unified-filter-option.is-selected::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option[aria-selected="true"]::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option.is-active::after,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-sort-menu .rice-plate-unified-filter-option.is-selected::after {
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  opacity: 1 !important;
}
/* rice plate bead sort selected state end */
/* finished inventory stocktake titanium modal start */
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory #finishedInventoryStocktakeButton {
  order: 0 !important;
}

html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#finishedInventoryStocktakeButton, #inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton).ghost-button,
html body.is-main-finished-inventory-view #inventorySection.inventory-panel.is-finished-inventory :is(#finishedInventoryStocktakeButton, #inventoryMovementViewButton, #inventoryTransferButton, #inventoryOutboundButton).ghost-button:is(:hover, :focus-visible, :active) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 118px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#finishedInventoryStocktakeModal.finished-stocktake-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5200 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(15, 23, 42, 0.14) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

#finishedInventoryStocktakeModal.finished-stocktake-overlay[hidden] {
  display: none !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-backdrop {
  position: absolute !important;
  inset: 0 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(500px, calc(100vw - 48px)) !important;
  max-width: 500px !important;
  padding: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.44) !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.90) !important;
  color: #1a1c1d !important;
  box-shadow: 0 32px 64px -16px rgba(0, 0, 0, 0.15) !important;
  animation: finishedStocktakeFadeIn 0.24s ease-out both !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 40px !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-title-copy h2 {
  margin: 0 0 6px !important;
  color: #1a1c1d !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
  letter-spacing: 0 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-title-copy p {
  margin: 0 !important;
  color: rgba(65, 71, 85, 0.8) !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.56) !important;
  color: #414755 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-close:hover,
#finishedInventoryStocktakeModal .finished-stocktake-close:focus-visible {
  background: #eeeef0 !important;
  color: #1a1c1d !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-body {
  display: grid !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-field {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-label {
  color: #1a1c1d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-label .required-mark {
  color: #ba1a1a !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-wrap {
  position: relative !important;
  display: block !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-wrap::after {
  display: none !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-native-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-control {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 16px 0 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.66) !important;
  border-radius: 18px !important;
  outline: none !important;
  background: rgba(255, 255, 255, 0.76) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  color: #1a1c1d !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 20px rgba(15, 23, 42, 0.06) !important;
  cursor: pointer !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  text-align: left !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-control:hover,
#finishedInventoryStocktakeModal .finished-stocktake-select-control:focus-visible,
#finishedInventoryStocktakeModal .finished-stocktake-select-control.is-open {
  border-color: rgba(148, 163, 184, 0.42) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-control:active {
  transform: translateY(1px) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-control:disabled {
  cursor: not-allowed !important;
  opacity: 0.58 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-value {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(26, 28, 29, 0.88) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-control.has-value .finished-stocktake-select-value {
  color: #1a1c1d !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-chevron {
  flex: 0 0 10px !important;
  width: 10px !important;
  height: 10px !important;
  border-right: 2px solid #414755 !important;
  border-bottom: 2px solid #414755 !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transition: transform 0.18s ease !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-control.is-open .finished-stocktake-select-chevron {
  transform: translateY(2px) rotate(225deg) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-menu {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  z-index: 4 !important;
  display: grid !important;
  gap: 4px !important;
  max-height: 236px !important;
  padding: 8px !important;
  overflow: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-menu[hidden] {
  display: none !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-option {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  color: #1a1c1d !important;
  cursor: pointer !important;
  font: inherit !important;
  text-align: left !important;
  transition: background-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-option:hover,
#finishedInventoryStocktakeModal .finished-stocktake-select-option:focus-visible {
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.54) !important;
  color: #1a1c1d !important;
  outline: none !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-option:active {
  transform: scale(0.99) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-option.is-selected {
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.24) !important;
  color: #1a1c1d !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-option.is-placeholder {
  color: rgba(65, 71, 85, 0.68) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-option-label {
  min-width: 0 !important;
  overflow: hidden !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 20px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-select-option-meta {
  flex: 0 0 auto !important;
  color: rgba(65, 71, 85, 0.62) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-warning {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 88px !important;
  padding: 16px !important;
  border: 1px solid rgba(186, 26, 26, 0.10) !important;
  border-radius: 16px !important;
  background: rgba(255, 218, 214, 0.30) !important;
  color: #93000a !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-warning-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin-top: 1px !important;
  border: 2px solid #ba1a1a !important;
  border-radius: 999px !important;
  color: #ba1a1a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-warning p {
  margin: 0 !important;
  color: rgba(147, 0, 10, 0.86) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

#finishedInventoryStocktakeModal .finished-inventory-stocktake-status {
  margin: 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

#finishedInventoryStocktakeModal .finished-inventory-stocktake-status.is-error {
  color: #b42318 !important;
}

#finishedInventoryStocktakeModal .finished-inventory-stocktake-status.is-success {
  color: #067647 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-actions {
  display: flex !important;
  gap: 16px !important;
  margin: 48px 0 0 !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-cancel,
#finishedInventoryStocktakeModal .finished-stocktake-confirm {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transition: opacity 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-cancel {
  background: rgba(232, 232, 234, 0.72) !important;
  color: #1a1c1d !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-confirm {
  background: #0058bc !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 88, 188, 0.25) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-cancel:hover,
#finishedInventoryStocktakeModal .finished-stocktake-confirm:hover {
  transform: translateY(-1px) !important;
}

#finishedInventoryStocktakeModal .finished-stocktake-confirm:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

@keyframes finishedStocktakeFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* finished inventory stocktake titanium modal end */


/* settings titanium anchor layout start */
html body:not(.is-dashboard-login-page) #settingsSection .settings-shell.settings-shell-titanium {
  display: grid !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-hero.settings-hero-titanium {
  padding: 0 0 4px !important;
  background: transparent !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-hero.settings-hero-titanium h3 {
  color: #1a1c1d !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-hero.settings-hero-titanium p {
  color: #717786 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-layout.settings-layout-titanium {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav.settings-section-nav-titanium {
  display: grid !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid rgba(193, 198, 215, 0.28) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav-item.settings-section-nav-item-titanium {
  min-height: 58px !important;
  padding: 12px 14px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #414755 !important;
  box-shadow: none !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav-item.settings-section-nav-item-titanium:hover {
  background: #f3f3f5 !important;
  color: #1a1c1d !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav-item.settings-section-nav-item-titanium.is-active {
  border-color: rgba(0, 112, 235, 0.14) !important;
  background: rgba(0, 112, 235, 0.08) !important;
  color: #0058bc !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav-item.settings-section-nav-item-titanium strong {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav-item.settings-section-nav-item-titanium em {
  color: #717786 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav-item.settings-section-nav-item-titanium.is-active em {
  color: rgba(0, 88, 188, 0.68) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-workspace.settings-workspace-titanium {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-card {
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(193, 198, 215, 0.22) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 24px !important;
  border-bottom: 1px solid rgba(193, 198, 215, 0.18) !important;
  background: #ffffff !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-head h4 {
  margin: 0 !important;
  color: #1a1c1d !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-head p {
  margin: 4px 0 0 !important;
  color: #717786 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-refresh,
html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-add,
html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions .ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-refresh {
  border: 1px solid rgba(193, 198, 215, 0.7) !important;
  background: #ffffff !important;
  color: #1a1c1d !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-refresh:hover {
  background: #f9f9fb !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-create {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 0 24px 24px !important;
  background: #ffffff !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-input {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(193, 198, 215, 0.78) !important;
  border-radius: 12px !important;
  background: #f3f3f5 !important;
  color: #1a1c1d !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 20px !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-input::placeholder {
  color: #717786 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-input:focus {
  border-color: #0070eb !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 112, 235, 0.16) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-add {
  border: 1px solid #0070eb !important;
  background: #0070eb !important;
  color: #ffffff !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-add:hover {
  border-color: #0058bc !important;
  background: #0058bc !important;
  color: #ffffff !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(120px, 0.4fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  min-height: 64px !important;
  padding: 0 24px !important;
  border-top: 1px solid rgba(193, 198, 215, 0.18) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  transition: background-color 0.16s ease !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-row:hover {
  background: #f9f9fb !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-row.is-disabled {
  opacity: 0.68 !important;
  background: #f3f3f5 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-name {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #1a1c1d !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-name strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-disabled-badge {
  display: inline-flex !important;
  align-items: center !important;
  height: 20px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #e8e8ea !important;
  color: #717786 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-usage {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #f3f3f5 !important;
  color: #414755 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions .ghost-button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(193, 198, 215, 0.74) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #1a1c1d !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions .ghost-button:hover {
  background: #f3f3f5 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions .ghost-button.danger {
  border-color: rgba(186, 26, 26, 0.28) !important;
  background: #ffffff !important;
  color: #ba1a1a !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions .ghost-button.danger:hover {
  background: #ffdad6 !important;
  color: #93000a !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-workspace-pill strong {
  max-width: 148px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200 !important;
  display: grid !important;
  place-items: center !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-dialog {
  width: min(460px, calc(100vw - 40px)) !important;
  padding: 0 !important;
  border: 1px solid rgba(210, 214, 224, 0.82) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 26px 70px -42px rgba(18, 24, 38, 0.48) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  overflow: hidden !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 20px 22px 16px !important;
  border-bottom: 1px solid rgba(222, 226, 235, 0.78) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-head h3 {
  margin: 0 !important;
  color: #17191f !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-head p {
  margin: 6px 0 0 !important;
  color: #656d7d !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-options {
  display: grid !important;
  gap: 10px !important;
  padding: 18px 22px !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-option {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(207, 212, 224, 0.82) !important;
  border-radius: 12px !important;
  background: rgba(248, 249, 251, 0.82) !important;
  color: #1c2029 !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-option.is-selected {
  border-color: rgba(21, 25, 32, 0.72) !important;
  background: rgba(241, 243, 246, 0.96) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-checkbox {
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid rgba(158, 166, 182, 0.88) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #111418 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-error {
  margin: 0 22px 14px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #fff3f1 !important;
  color: #9c3327 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-assignment-footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 16px 22px 20px !important;
  border-top: 1px solid rgba(222, 226, 235, 0.78) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-catalog-category-message,
html body:not(.is-dashboard-login-page) #settingsSection .settings-catalog-category-empty {
  margin: 0 24px 24px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  background: #f3f3f5 !important;
  color: #414755 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

@media (max-width: 1180px) {
  html body:not(.is-dashboard-login-page) #settingsSection .settings-layout.settings-layout-titanium {
    grid-template-columns: 200px minmax(0, 1fr) !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-usage {
    justify-self: end !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 900px) {
  html body:not(.is-dashboard-login-page) #settingsSection .settings-shell.settings-shell-titanium {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-layout.settings-layout-titanium {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav.settings-section-nav-titanium {
    position: static !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-head,
  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-create,
  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-row {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-create,
  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-add,
  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-usage,
  html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions {
    justify-self: stretch !important;
    width: 100% !important;
  }
}
/* settings titanium anchor layout end */

/* settings titanium layout parity start */
html body:not(.is-dashboard-login-page) #settingsSection {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  overflow-anchor: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell.settings-shell-titanium {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: calc(100vh - 48px) !important;
  margin: 0 !important;
  align-items: start !important;
  align-content: start !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
  overflow-anchor: none !important;
  transition-property: background-color, border-color, box-shadow, opacity !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-layout.settings-layout-titanium {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  align-items: start !important;
  align-content: start !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
  overflow-anchor: none !important;
  transition-property: background-color, border-color, box-shadow, opacity !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav.settings-section-nav-titanium {
  align-self: start !important;
  justify-self: stretch !important;
  overflow-anchor: none !important;
  transition-property: background-color, border-color, box-shadow, opacity !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-section-nav-item.settings-section-nav-item-titanium {
  transition-property: background-color, border-color, color, box-shadow, opacity !important;
  transition-duration: 0.16s !important;
  transition-timing-function: ease !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-workspace.settings-workspace-titanium {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
  align-content: start !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
  overflow-anchor: none !important;
  transition-property: background-color, border-color, box-shadow, opacity !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-content-head,
html body:not(.is-dashboard-login-page) #settingsSection .settings-content-card,
html body:not(.is-dashboard-login-page) #settingsSection .settings-empty-card,
html body:not(.is-dashboard-login-page) #settingsSection .settings-catalog-manager-shell,
html body:not(.is-dashboard-login-page) #settingsSection .settings-catalog-anchor-card,
html body:not(.is-dashboard-login-page) #settingsSection .settings-permission-card,
html body:not(.is-dashboard-login-page) #settingsSection .settings-operation-record-card,
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-master-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  align-self: start !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
  overflow-anchor: none !important;
  transition-property: background-color, border-color, box-shadow, opacity !important;
  transition-duration: 0.16s !important;
  transition-timing-function: ease !important;
  transform: none !important;
  animation: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-content-head {
  justify-content: space-between !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-workspace.settings-workspace-titanium > * {
  margin-top: 0 !important;
  transform: none !important;
  animation: none !important;
  overflow-anchor: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-catalog-category-empty {
  min-height: 48px !important;
  align-items: center !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-titanium-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(193, 198, 215, 0.72) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #1a1c1d !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-titanium-button:hover:not(:disabled) {
  border-color: rgba(146, 156, 176, 0.74) !important;
  background: #f3f3f5 !important;
  color: #1a1c1d !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-titanium-button-primary {
  border-color: #0070eb !important;
  background: #0070eb !important;
  color: #ffffff !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-titanium-button-primary:hover:not(:disabled) {
  border-color: #0058bc !important;
  background: #0058bc !important;
  color: #ffffff !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-titanium-button-danger {
  border-color: rgba(186, 26, 26, 0.28) !important;
  background: #ffffff !important;
  color: #ba1a1a !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-titanium-button-danger:hover:not(:disabled) {
  border-color: rgba(147, 0, 10, 0.34) !important;
  background: #ffdad6 !important;
  color: #93000a !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-titanium-button:disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shop-table-actions .settings-titanium-button,
html body:not(.is-dashboard-login-page) #settingsSection .settings-catalog-category-actions .settings-titanium-button,
html body:not(.is-dashboard-login-page) #settingsSection .settings-anchor-titanium-actions .settings-titanium-button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
}

@media (max-width: 900px) {
  html body:not(.is-dashboard-login-page) #settingsSection .settings-layout.settings-layout-titanium {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-content-head {
    align-items: stretch !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection .settings-content-head .settings-titanium-button {
    width: 100% !important;
  }
}
/* settings titanium layout parity end */

/* settings base list row pill parity start */
html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 360px) minmax(220px, 320px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 52px !important;
  padding: 9px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(193, 198, 215, 0.22) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #1a1c1d !important;
  cursor: default !important;
  opacity: 1 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-row:last-child {
  border-bottom-color: transparent !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-row:hover {
  background: rgba(15, 23, 42, 0.035) !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-row:is(.is-active, .is-muted, .is-disabled) {
  background: rgba(15, 23, 42, 0.055) !important;
  opacity: 1 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-name {
  grid-column: 1 !important;
  min-width: 0 !important;
  color: #1a1c1d !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  line-height: 20px !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-name :is(strong, span) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-stats {
  grid-column: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 26px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: rgba(15, 23, 42, 0.06) !important;
  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-pill em {
  color: #475569 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 720 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-pill strong {
  color: #1a1c1d !important;
  font-size: 15px !important;
  font-weight: 780 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-actions {
  grid-column: 4 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  gap: 6px !important;
  min-width: 0 !important;
}

@media (max-width: 1180px) {
  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-row {
    grid-template-columns: minmax(190px, 340px) minmax(190px, 280px) minmax(0, 1fr) auto !important;
    gap: 18px !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-stats {
    gap: 14px !important;
  }
}

@media (max-width: 900px) {
  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-row {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-name,
  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-stats,
  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-actions {
    grid-column: auto !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-stats,
  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-actions {
    justify-content: flex-start !important;
  }

  html body:not(.is-dashboard-login-page) #settingsSection :is(.settings-catalog-anchor-card, .settings-material-master-card) .settings-base-list-actions {
    flex-wrap: wrap !important;
  }
}
/* settings base list row pill parity end */
/* shipping full result snapshot start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  grid-template-columns: minmax(108px, 1fr) 52px 52px 58px 58px 74px 40px !important;
  width: min(100%, 490px) !important;
  max-width: 490px !important;
  align-items: center !important;
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingViewSwitcher {
  grid-column: 6 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingSnapshotButton {
  grid-column: 7 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button:active {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: var(--shipping-control-height, 38px) !important;
  min-height: var(--shipping-control-height, 38px) !important;
  max-height: var(--shipping-control-height, 38px) !important;
  padding: 0 !important;
  border: 1px solid var(--shipping-blue-border, #dfe7f2) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #223450 !important;
  -webkit-text-fill-color: #223450 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button:focus-visible {
  border-color: var(--shipping-blue-border-strong, #b8c7da) !important;
  background: var(--shipping-blue-soft, #f8fbff) !important;
  background-color: var(--shipping-blue-soft, #f8fbff) !important;
  color: var(--shipping-blue-primary, #1f4f95) !important;
  -webkit-text-fill-color: var(--shipping-blue-primary, #1f4f95) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button:disabled {
  cursor: progress !important;
  opacity: 0.68 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-snapshot-button.is-loading svg {
  animation: shipping-snapshot-spin 0.8s linear infinite !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button:focus,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button:active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button:disabled,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button.is-loading {
  flex: 0 0 40px !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  line-height: 1 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel [data-shipping-snapshot-target] {
  scroll-margin-top: 18px !important;
  background-color: #ffffff;
}

@keyframes shipping-snapshot-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1440px) {
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
    grid-template-columns: minmax(150px, 1fr) 52px 52px 58px 58px 74px 40px !important;
    width: min(100%, 486px) !important;
    max-width: 486px !important;
  }
}
/* shipping full result snapshot end */

/* dami finished inventory ui parity fix start */
body[data-dashboard-workspace="dami"].is-dami-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs {
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body[data-dashboard-workspace="dami"].is-dami-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
body[data-dashboard-workspace="dami"].is-dami-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active),
body[data-dashboard-workspace="dami"].is-dami-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab.is-active {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  background: #1677ff !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.16) !important;
}

body[data-dashboard-workspace="dami"].is-dami-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab::after,
body[data-dashboard-workspace="dami"].is-dami-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab.is-active::after {
  content: none !important;
  display: none !important;
}
/* dami finished inventory ui parity fix end */

/* workspace finished inventory ui parity fix start */
body[data-dashboard-workspace].is-workspace-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body[data-dashboard-workspace].is-workspace-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
body[data-dashboard-workspace].is-workspace-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:is(:hover, :focus, :focus-visible, :active),
body[data-dashboard-workspace].is-workspace-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab.is-active {
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  background: #1677ff !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.16) !important;
}

body[data-dashboard-workspace].is-workspace-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab::after,
body[data-dashboard-workspace].is-workspace-finished-inventory-view #inventorySection#inventorySection.inventory-panel.is-finished-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab.is-active::after {
  content: none !important;
  display: none !important;
}
/* workspace finished inventory ui parity fix end */

/* workspace material inventory toolbar compact start */
html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 82px !important;
  padding: 20px !important;
  overflow: visible !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs {
  order: 0 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  overflow: visible !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:not(.is-active),
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab:not(.is-active) {
  display: none !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryLocationTabs .inventory-location-tab {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  background: #1677ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.16) !important;
  white-space: nowrap !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar {
  order: 1 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventoryMaterialFilterRow.inventory-saas-filter-row {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterWrap, #inventoryMaterialFilterWrap, #inventorySupplierFilterWrap),
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row :is(#inventorySpecFilterWrap, #inventoryMaterialFilterWrap, #inventorySupplierFilterWrap) {
  flex: 0 0 104px !important;
  width: 104px !important;
  max-width: 112px !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 320px !important;
  gap: 8px !important;
  min-width: 260px !important;
  max-width: 100% !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .inventory-saas-search-wrap {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchButton.inventory-saas-action-button-primary,
body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row #inventorySearchResetButton.inventory-saas-action-button {
  grid-column: auto !important;
  grid-row: auto !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1280px) {
  html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row,
  body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row,
  html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar,
  body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .finished-inventory-filterbar.inventory-saas-filterbar {
    flex-wrap: wrap !important;
  }

  html body[data-dashboard-workspace].is-material-inventory-view #inventorySection#inventorySection.inventory-panel.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group,
  body[data-dashboard-workspace] #inventorySection.is-material-inventory .finished-inventory-controls.material-inventory-filterbar-single-row .material-inventory-search-group {
    flex: 1 1 100% !important;
    min-width: 280px !important;
  }
}
/* workspace material inventory toolbar compact end */
/* apple category cascade dropdown start */
html body .apple-category-select {
  position: relative !important;
  overflow: visible !important;
}

html body .apple-category-select-trigger {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  height: 42px !important;
  min-height: 42px !important;
  min-width: 160px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(193, 198, 215, 0.55) !important;
  border-radius: 999px !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transition: box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}

html body .apple-category-select-trigger:hover,
html body .apple-category-select-trigger[aria-expanded="true"] {
  border-color: rgba(113, 119, 134, 0.42) !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.045) !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  transform: none !important;
}

html body .apple-category-select-trigger:focus-visible {
  outline: 0 !important;
  border-color: rgba(0, 112, 235, 0.28) !important;
  box-shadow: 0 0 0 3px rgba(0, 112, 235, 0.14), 0 4px 16px rgba(0, 0, 0, 0.045) !important;
}

html body .apple-category-select-label {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .apple-category-select-trigger-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  color: #717786 !important;
  -webkit-text-fill-color: #717786 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body .apple-category-select-trigger-icon::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.7px solid currentColor !important;
  border-bottom: 1.7px solid currentColor !important;
  transform: translateY(-2px) rotate(45deg) !important;
}

html body .apple-category-select-popover {
  position: absolute !important;
  top: calc(100% + 16px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1800 !important;
  box-sizing: border-box !important;
  width: 520px !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  max-width: min(520px, calc(100vw - 32px)) !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 12px 48px rgba(0, 0, 0, 0.02) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  transform-origin: top right !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

html body .apple-category-select-popover[hidden] {
  display: none !important;
}

html body .apple-category-select-popover.is-apple-category-positioned {
  position: fixed !important;
  top: var(--apple-category-popover-top, calc(100% + 16px)) !important;
  right: auto !important;
  left: var(--apple-category-popover-left, 16px) !important;
  width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  min-width: 0 !important;
  max-width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  max-height: var(--apple-category-popover-max-height, none) !important;
  transform-origin: top left !important;
}

html body .apple-category-select-panel {
  display: grid !important;
  grid-template-rows: auto 400px !important;
  gap: 0 !important;
  width: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body .apple-category-select-search {
  position: relative !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(193, 198, 215, 0.25) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #717786 !important;
}

html body .apple-category-select-searchbox {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(193, 198, 215, 0.45) !important;
  border-radius: 12px !important;
  outline: 0 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .apple-category-select-search:focus-within .apple-category-select-searchbox {
  border-color: rgba(0, 112, 235, 0.28) !important;
  box-shadow: 0 0 0 3px rgba(0, 112, 235, 0.14) !important;
}

html body .apple-category-select-search-icon {
  display: block !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  padding: 0 !important;
  margin: 0 0 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #717786 !important;
  -webkit-text-fill-color: #717786 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html body .apple-category-select-search-input {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 14px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #1a1c1d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 42px !important;
  box-shadow: none !important;
}

html body .apple-category-select-search-input:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

html body .apple-category-select-search-input::placeholder {
  color: #717786 !important;
  opacity: 0.9 !important;
}

html body .apple-category-select-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  height: 400px !important;
  max-height: 400px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .apple-category-select-column {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 400px !important;
  padding: 16px 12px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #d1d5db transparent !important;
}

html body .apple-category-select-column-primary {
  border-right: 1px solid rgba(193, 198, 215, 0.25) !important;
}

html body .apple-category-select-column + .apple-category-select-column {
  border-left: 0 !important;
}

html body .apple-category-select-heading {
  flex: 0 0 auto !important;
  padding: 4px 16px 10px !important;
  color: rgba(65, 71, 85, 0.72) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
}

html body .apple-category-select-option,
html body .apple-category-select-option.catalog-filter-item,
html body .finished-inventory-select-menu .apple-category-select-option {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  max-height: none !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: background 0.16s ease, color 0.16s ease !important;
}

html body .apple-category-select-option:hover,
html body .apple-category-select-option:focus-visible {
  background: rgba(232, 232, 234, 0.72) !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  outline: 0 !important;
}

html body .apple-category-select-option.is-selected,
html body .apple-category-select-option.is-active,
html body .apple-category-select-option[aria-selected="true"] {
  background: #2f3132 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 650 !important;
}

html body .apple-category-select-option::after,
html body .apple-category-select-option.is-active::after,
html body .apple-category-select-option.is-selected::after,
html body .apple-category-select-option[aria-selected="true"]::after {
  content: none !important;
  display: none !important;
}

html body .apple-category-select-check {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  color: currentColor !important;
  opacity: 0 !important;
}

html body .apple-category-select-check svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

html body .apple-category-select-option.is-selected .apple-category-select-check,
html body .apple-category-select-option.is-active .apple-category-select-check,
html body .apple-category-select-option[aria-selected="true"] .apple-category-select-check {
  opacity: 1 !important;
}

html body .apple-category-select-empty {
  box-sizing: border-box !important;
  min-height: 40px !important;
  padding: 10px 16px !important;
  color: #717786 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body .apple-category-select-column::-webkit-scrollbar {
  width: 4px !important;
}

html body .apple-category-select-column::-webkit-scrollbar-track {
  background: transparent !important;
}

html body .apple-category-select-column::-webkit-scrollbar-thumb {
  border: 0 !important;
  border-radius: 10px !important;
  background: #d1d5db !important;
}

html body .apple-category-select #catalogTopFilterButton.apple-category-select-trigger,
html body .apple-category-select #inventoryCategoryFilterButton.apple-category-select-trigger,
html body .apple-category-select #catalogCategoryCascadeTrigger.apple-category-select-trigger,
html body .apple-category-select [data-rice-plate-catalog-filter-button].apple-category-select-trigger {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(193, 198, 215, 0.55) !important;
  border-radius: 999px !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .apple-category-select #catalogTopFilterButton.apple-category-select-trigger:hover,
html body .apple-category-select #catalogTopFilterButton.apple-category-select-trigger[aria-expanded="true"],
html body .apple-category-select #inventoryCategoryFilterButton.apple-category-select-trigger:hover,
html body .apple-category-select #inventoryCategoryFilterButton.apple-category-select-trigger[aria-expanded="true"],
html body .apple-category-select #catalogCategoryCascadeTrigger.apple-category-select-trigger:hover,
html body .apple-category-select #catalogCategoryCascadeTrigger.apple-category-select-trigger[aria-expanded="true"],
html body .apple-category-select [data-rice-plate-catalog-filter-button].apple-category-select-trigger:hover,
html body .apple-category-select [data-rice-plate-catalog-filter-button].apple-category-select-trigger[aria-expanded="true"] {
  border-color: rgba(113, 119, 134, 0.42) !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.045) !important;
  transform: none !important;
}

html body .apple-category-select #catalogTopFilterMenu.apple-category-select-popover,
html body .apple-category-select #inventoryCategoryFilterMenu.apple-category-select-popover,
html body .apple-category-select #catalogCategoryCascadePanel.apple-category-select-popover,
html body .apple-category-select [data-rice-plate-catalog-filter-menu].apple-category-select-popover {
  top: calc(100% + 16px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1800 !important;
  width: 520px !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  max-width: min(520px, calc(100vw - 32px)) !important;
  max-height: none !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 12px 48px rgba(0, 0, 0, 0.02) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  overflow: hidden !important;
}

html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-panel,
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-panel,
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-panel,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-panel {
  display: grid !important;
  grid-template-rows: auto 400px !important;
  width: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-columns,
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-columns,
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-columns,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  height: 400px !important;
  max-height: 400px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-option,
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-option,
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-option,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option {
  min-height: 40px !important;
  height: auto !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-option:hover,
html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-option:focus-visible,
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-option:hover,
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-option:focus-visible,
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-option:hover,
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-option:focus-visible,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option:hover,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option:focus-visible {
  background: rgba(232, 232, 234, 0.72) !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  text-decoration: none !important;
}

html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-option.is-active,
html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-option.is-selected,
html body .apple-category-select-popover#catalogTopFilterMenu .apple-category-select-option[aria-selected="true"],
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-option.is-active,
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-option.is-selected,
html body .apple-category-select-popover#inventoryCategoryFilterMenu .apple-category-select-option[aria-selected="true"],
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-option.is-active,
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-option.is-selected,
html body .apple-category-select-popover#catalogCategoryCascadePanel .apple-category-select-option[aria-selected="true"],
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option.is-active,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option.is-selected,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option[aria-selected="true"] {
  background: #2f3132 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .apple-category-select #catalogTopFilterButton.apple-category-select-trigger.rice-plate-catalog-filter-trigger {
  height: 38px !important;
  min-height: 38px !important;
  border-color: rgba(193, 198, 215, 0.55) !important;
  border-radius: 999px !important;
  background: #fff !important;
  background-color: #fff !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  box-shadow: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .apple-category-select #catalogTopFilterButton.apple-category-select-trigger.rice-plate-catalog-filter-trigger:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .apple-category-select #catalogTopFilterButton.apple-category-select-trigger.rice-plate-catalog-filter-trigger[aria-expanded="true"] {
  border-color: rgba(113, 119, 134, 0.42) !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.045) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .apple-category-select #catalogTopFilterMenu.apple-category-select-popover.rice-plate-catalog-filter-menu {
  top: calc(100% + 16px) !important;
  width: 520px !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  max-width: min(520px, calc(100vw - 32px)) !important;
  padding: 0 !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 12px 48px rgba(0, 0, 0, 0.02) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-panel {
  grid-template-rows: auto 400px !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-columns {
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  height: 400px !important;
  max-height: 400px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option {
  min-height: 40px !important;
  height: auto !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  line-height: 20px !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  text-decoration: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option:hover,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option:focus-visible {
  background: rgba(232, 232, 234, 0.72) !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  text-decoration: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option.is-selected,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option[aria-selected="true"] {
  background: #2f3132 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-button].apple-category-select-trigger {
  height: 38px !important;
  min-height: 38px !important;
  border-color: rgba(193, 198, 215, 0.55) !important;
  border-radius: 999px !important;
  background: #fff !important;
  background-color: #fff !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  box-shadow: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-button].apple-category-select-trigger:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-button].apple-category-select-trigger[aria-expanded="true"] {
  border-color: rgba(113, 119, 134, 0.42) !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.045) !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover {
  top: calc(100% + 16px) !important;
  width: 520px !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  max-width: min(520px, calc(100vw - 32px)) !important;
  padding: 0 !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 12px 48px rgba(0, 0, 0, 0.02) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-panel {
  grid-template-rows: auto 400px !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-columns {
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  height: 400px !important;
  max-height: 400px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option {
  min-height: 40px !important;
  height: auto !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  line-height: 20px !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  text-decoration: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option:hover,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option:focus-visible {
  background: rgba(232, 232, 234, 0.72) !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  text-decoration: none !important;
}

html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option.is-active,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option.is-selected,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-option[aria-selected="true"] {
  background: #2f3132 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body #catalogTopFilterMenu.apple-category-select-popover.is-apple-category-positioned,
html body #inventoryCategoryFilterMenu.apple-category-select-popover.is-apple-category-positioned,
html body #catalogCategoryCascadePanel.apple-category-select-popover.is-apple-category-positioned,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover.is-apple-category-positioned {
  position: fixed !important;
  top: var(--apple-category-popover-top, calc(100% + 16px)) !important;
  right: auto !important;
  left: var(--apple-category-popover-left, 16px) !important;
  width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  min-width: 0 !important;
  max-width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  max-height: var(--apple-category-popover-max-height, none) !important;
  transform-origin: top left !important;
}

html body #catalogItemModal .catalog-edit-category-filter > #catalogCategoryCascadePanel.apple-category-select-popover.is-apple-category-positioned {
  position: fixed !important;
  top: var(--apple-category-popover-top, calc(100% + 10px)) !important;
  right: auto !important;
  left: var(--apple-category-popover-left, 16px) !important;
  width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  min-width: 0 !important;
  max-width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  max-height: var(--apple-category-popover-max-height, none) !important;
  transform-origin: top left !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .apple-category-select #catalogTopFilterMenu.apple-category-select-popover.is-apple-category-positioned,
html body[data-main-view="ricePlate"] #ricePlateContent .rice-plate-catalog-toolbar[data-rice-plate-product-filter-toolbar] .rice-plate-filter-field-category [data-rice-plate-catalog-filter-menu].apple-category-select-popover.is-apple-category-positioned {
  position: fixed !important;
  top: var(--apple-category-popover-top, calc(100% + 10px)) !important;
  right: auto !important;
  left: var(--apple-category-popover-left, 16px) !important;
  width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  min-width: 0 !important;
  max-width: var(--apple-category-popover-width, min(520px, calc(100vw - 32px))) !important;
  max-height: var(--apple-category-popover-max-height, none) !important;
  transform-origin: top left !important;
}

html body #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-search,
html body #inventoryCategoryFilterMenu.apple-category-select-popover .apple-category-select-search,
html body #catalogCategoryCascadePanel.apple-category-select-popover .apple-category-select-search,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-search {
  box-sizing: border-box !important;
  display: block !important;
  grid-template-columns: none !important;
  grid-auto-flow: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(193, 198, 215, 0.25) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-searchbox,
html body #inventoryCategoryFilterMenu.apple-category-select-popover .apple-category-select-searchbox,
html body #catalogCategoryCascadePanel.apple-category-select-popover .apple-category-select-searchbox,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-searchbox {
  display: flex !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(193, 198, 215, 0.45) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: none !important;
}

html body #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-search-input,
html body #inventoryCategoryFilterMenu.apple-category-select-popover .apple-category-select-search-input,
html body #catalogCategoryCascadePanel.apple-category-select-popover .apple-category-select-search-input,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-search-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 14px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
  line-height: 42px !important;
  box-shadow: none !important;
}

html body #catalogItemModal #catalogCategoryCascadePanel.apple-category-select-popover .apple-category-select-search-input,
html body #catalogItemModal #catalogCategoryCascadeSearchInput.apple-category-select-search-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 14px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1a1c1d !important;
  -webkit-text-fill-color: #1a1c1d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 42px !important;
  box-shadow: none !important;
}

html body #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-search-icon,
html body #inventoryCategoryFilterMenu.apple-category-select-popover .apple-category-select-search-icon,
html body #catalogCategoryCascadePanel.apple-category-select-popover .apple-category-select-search-icon,
html body [data-rice-plate-catalog-filter-menu].apple-category-select-popover .apple-category-select-search-icon {
  flex: 0 0 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  margin: 0 0 0 14px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html body .apple-category-select-popover {
    right: auto !important;
    left: 0 !important;
    width: min(520px, calc(100vw - 32px)) !important;
    min-width: min(320px, calc(100vw - 32px)) !important;
  }

  html body .apple-category-select-columns {
    grid-template-columns: 1fr !important;
    height: auto !important;
    max-height: min(520px, calc(100vh - 160px)) !important;
  }

  html body .apple-category-select-column {
    max-height: 260px !important;
  }

  html body .apple-category-select-column-primary {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(193, 198, 215, 0.25) !important;
  }
}
/* apple category cascade dropdown end */

/* main catalog desktop toolbar final restore start */
@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .panel-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    align-content: center !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 0 10px !important;
    overflow: visible !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions {
    display: grid !important;
    grid-template-columns: 194px 112px 116px 200px 284px 48px 48px 38px 56px !important;
    grid-template-rows: 38px !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    justify-items: stretch !important;
    justify-content: start !important;
    align-content: center !important;
    column-gap: 4px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-category-toolbar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: auto minmax(160px, 1fr) !important;
    align-items: center !important;
    gap: 4px !important;
    width: 194px !important;
    min-width: 194px !important;
    max-width: 194px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-bead-toolbar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 6px !important;
    gap: 4px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-dami-sort-toolbar {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 6px !important;
    gap: 4px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-price-band-filter {
    grid-column: 4 !important;
    grid-row: 1 !important;
    flex: 0 0 200px !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    column-gap: 6px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-price-band-input {
    width: 48px !important;
    min-width: 0 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter {
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(184px, 1fr) 46px 46px !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 0 0 284px !important;
    width: 284px !important;
    min-width: 284px !important;
    max-width: 284px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter .catalog-search-input {
    width: 100% !important;
    min-width: 184px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter #catalogSearchButton,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-search-filter #catalogSearchResetButton {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 7px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogShopSyncButton {
    grid-column: 6 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogImportButton {
    grid-column: 7 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogImageSearchButton.icon-only-button {
    grid-column: 8 !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    padding: 0 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton {
    grid-column: 9 !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogShopSyncButton,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogImportButton,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogAddButton {
    grid-row: 1 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
  }
}
/* main catalog desktop toolbar final restore end */

/* desktop shipping toolbar restore start */
html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) 58px 58px 64px 64px 82px 40px !important;
  grid-template-rows: var(--shipping-control-height, 40px) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  width: min(100%, 650px) !important;
  max-width: 650px !important;
  min-width: 0 !important;
  height: var(--shipping-control-height, 40px) !important;
  align-items: center !important;
  justify-items: stretch !important;
  overflow: visible !important;
}

html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchInput {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchButton {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #groupSearchResetButton {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingOrdersExportButton {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingInventoryImportButton {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingViewSwitcher {
  grid-column: 6 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
}

html body:not(.is-mobile-viewport):not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls #shippingSnapshotButton {
  grid-column: 7 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
}
/* desktop shipping toolbar restore end */
/* catalog compact table view hard sizing start */
#catalogSection .catalog-view-switcher {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}

#catalogSection .catalog-view-toggle {
  display: inline-grid !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: none !important;
  color: #334155 !important;
  line-height: 1 !important;
  white-space: normal !important;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
}

#catalogSection .catalog-view-toggle:hover,
#catalogSection .catalog-view-toggle:focus-visible {
  background: rgba(15, 23, 42, 0.06) !important;
  box-shadow: none !important;
  color: #111827 !important;
  outline: none !important;
}

#catalogSection .catalog-view-toggle.is-active {
  border-color: #0f172a !important;
  background: #0f172a !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

#catalogSection .catalog-view-toggle-icon {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#catalogSection .catalog-view-toggle-icon rect {
  fill: currentColor !important;
  stroke: none !important;
}

#catalogSection[data-catalog-view-mode="table"] .catalog-table-wrap {
  display: none !important;
}

#catalogSection[data-catalog-view-mode="card"] .catalog-compact-table-shell,
#catalogSection .catalog-compact-table-shell[hidden] {
  display: none !important;
}

#catalogSection .catalog-compact-table-shell {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.045) !important;
  box-sizing: border-box !important;
}

#catalogSection .catalog-compact-table {
  width: 100% !important;
  min-width: 1410px !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

#catalogSection .catalog-compact-table th {
  height: 44px !important;
  padding: 0 16px !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-table td {
  height: 96px !important;
  padding: 12px 16px !important;
  border-bottom: 0 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

#catalogSection .catalog-compact-table tbody tr {
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
}

#catalogSection .catalog-compact-table tbody tr:last-child {
  border-bottom: 0 !important;
}

#catalogSection .catalog-compact-product-cell {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#catalogSection .catalog-compact-image-button,
#catalogSection .catalog-compact-image-empty {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  flex: 0 0 68px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

#catalogSection .catalog-compact-image-empty {
  background: rgba(15, 23, 42, 0.06) !important;
}

#catalogSection .catalog-compact-image-button {
  cursor: pointer !important;
  transition: opacity 160ms ease, outline-color 160ms ease !important;
}

#catalogSection .catalog-compact-image-button:hover,
#catalogSection .catalog-compact-image-button:active {
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

#catalogSection .catalog-compact-image-button:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  outline: 2px solid rgba(37, 99, 235, 0.32) !important;
  outline-offset: 2px !important;
  transform: none !important;
}

#catalogSection .catalog-compact-image-button img {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: rgba(15, 23, 42, 0.05) !important;
  box-shadow: none !important;
  display: block !important;
  object-fit: cover !important;
}

#catalogSection .catalog-compact-people-cell {
  display: grid !important;
  gap: 6px !important;
  align-items: center !important;
  justify-items: stretch !important;
  min-width: 0 !important;
}

#catalogSection .catalog-compact-person-row {
  display: grid !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #catalogSection .catalog-compact-people-cell .catalog-assignment-trigger {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 116px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: left !important;
}

html body:not(.is-dashboard-login-page) #catalogSection .catalog-compact-people-cell .catalog-assignment-trigger:is(:hover, :focus-visible, .is-open) {
  padding-left: 8px !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: rgba(248, 250, 252, 0.72) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #catalogSection .catalog-compact-people-cell .catalog-assignment-trigger:focus-visible {
  outline: 2px solid rgba(59, 130, 246, 0.18) !important;
  outline-offset: 2px !important;
}

#catalogSection .catalog-compact-person-label {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-people-cell .catalog-assignment-text {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-people-cell .catalog-assignment-trigger.is-empty .catalog-assignment-text {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 800 !important;
}

#catalogSection .catalog-compact-people-cell .catalog-assignment-caret {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  opacity: 0 !important;
  transition: opacity 140ms ease !important;
}

#catalogSection .catalog-compact-people-cell .catalog-assignment-trigger:hover .catalog-assignment-caret,
#catalogSection .catalog-compact-people-cell .catalog-assignment-trigger:focus-visible .catalog-assignment-caret,
#catalogSection .catalog-compact-people-cell .catalog-assignment-trigger.is-open .catalog-assignment-caret {
  opacity: 1 !important;
}

#catalogSection .catalog-compact-product-meta {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#catalogSection .catalog-compact-title {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-code-line {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#catalogSection .catalog-compact-code {
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-copy-code {
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1677ff !important;
  cursor: pointer !important;
  font: inherit !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-align: left !important;
}

#catalogSection .catalog-compact-copy-code:hover,
#catalogSection .catalog-compact-copy-code:active {
  background: transparent !important;
  box-shadow: none !important;
  color: #0f5fdb !important;
  text-decoration: underline !important;
}

#catalogSection .catalog-compact-copy-code:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  outline: 2px solid rgba(37, 99, 235, 0.32) !important;
  outline-offset: 2px !important;
  text-decoration: none !important;
}

#catalogSection .catalog-compact-spec {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-accessory-pill {
  display: inline-flex !important;
  height: 20px !important;
  align-items: center !important;
  padding: 0 7px !important;
  border: 1px solid rgba(100, 116, 139, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(100, 116, 139, 0.1) !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-accessory-pill--18k {
  border-color: rgba(202, 138, 4, 0.26) !important;
  background: rgba(250, 204, 21, 0.2) !important;
  color: #854d0e !important;
}

#catalogSection .catalog-accessory-pill--s925 {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: rgba(59, 130, 246, 0.13) !important;
  color: #1d4ed8 !important;
}

#catalogSection .catalog-accessory-pill--none {
  border-color: rgba(100, 116, 139, 0.18) !important;
  background: rgba(100, 116, 139, 0.1) !important;
  color: #475569 !important;
}

#catalogSection .catalog-accessory-pill--other {
  border-color: rgba(13, 148, 136, 0.22) !important;
  background: rgba(20, 184, 166, 0.12) !important;
  color: #0f766e !important;
}

#catalogSection .catalog-compact-material-list {
  display: grid !important;
  gap: 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

#catalogSection .catalog-compact-material-list.is-clickable {
  padding: 4px 6px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: outline-color 160ms ease !important;
}

#catalogSection .catalog-compact-material-list.is-clickable:hover,
#catalogSection .catalog-compact-material-list.is-clickable:active {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

#catalogSection .catalog-compact-material-list.is-clickable:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  outline: 2px solid rgba(37, 99, 235, 0.26) !important;
  outline-offset: 2px !important;
}

#catalogSection .catalog-compact-material-cell {
  display: grid !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#catalogSection .catalog-compact-material-row {
  display: grid !important;
  grid-template-columns: 70px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 18px !important;
  overflow: hidden !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#catalogSection .catalog-compact-material-code-copy,
#catalogSection .catalog-compact-material-code-empty,
#catalogSection .catalog-compact-material-row span,
#catalogSection .catalog-compact-material-row strong {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-more {
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-finance-cell {
  display: grid !important;
  justify-self: start !important;
  justify-items: start !important;
  width: max-content !important;
  max-width: 290px !important;
  min-width: 0 !important;
}

#catalogSection .catalog-compact-section-title {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: right !important;
}

#catalogSection .catalog-compact-finance {
  display: inline-grid !important;
  grid-template-columns: max-content max-content !important;
  column-gap: 24px !important;
  align-items: start !important;
  justify-content: start !important;
  width: auto !important;
  max-width: 290px !important;
}

#catalogSection .catalog-compact-finance-group {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

#catalogSection .catalog-compact-finance-row {
  display: grid !important;
  grid-template-columns: max-content max-content !important;
  column-gap: 8px !important;
  align-items: baseline !important;
  justify-content: start !important;
  min-width: 0 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.28 !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-finance-label {
  color: #475569 !important;
  font-weight: 700 !important;
}

#catalogSection .catalog-compact-finance-value {
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.28 !important;
  text-align: right !important;
}

#catalogSection .catalog-compact-finance-row.is-live-price .catalog-compact-finance-value {
  color: #1677ff !important;
}

#catalogSection .catalog-compact-finance-row.is-strong .catalog-compact-finance-value,
#catalogSection .catalog-compact-finance-summary .catalog-compact-finance-value {
  font-weight: 950 !important;
}

#catalogSection .catalog-compact-finance-value .catalog-gross-margin {
  font-weight: 900 !important;
}

#catalogSection .catalog-compact-stock-cell {
  display: grid !important;
  gap: 2px !important;
}

#catalogSection .catalog-compact-metric {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  min-height: 16px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#catalogSection .catalog-compact-metric strong {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

#catalogSection .catalog-compact-actions {
  display: inline-grid !important;
  grid-template-rows: repeat(2, 31px) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 5px !important;
}

#catalogSection .catalog-compact-table td.catalog-compact-action-cell {
  display: table-cell !important;
  vertical-align: middle !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: right !important;
}

#catalogSection .catalog-compact-icon-button {
  display: inline-grid !important;
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  min-height: 31px !important;
  place-items: center !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #0f172a !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#catalogSection .catalog-compact-icon-button:hover,
#catalogSection .catalog-compact-icon-button:focus-visible {
  background: rgba(15, 23, 42, 0.06) !important;
  color: #0058bc !important;
  box-shadow: none !important;
  outline: none !important;
}

#catalogSection .catalog-compact-icon-button svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.5 !important;
}

#catalogSection .catalog-compact-icon-button.is-syncing svg,
html body:not(.is-dashboard-login-page) #catalogSection .catalog-copy-action-button.is-syncing svg {
  animation: catalog-action-spin 0.85s linear infinite !important;
}

@keyframes catalog-action-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu.is-compact-apple {
  min-width: 148px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 6px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu.is-compact-apple button {
  min-height: 30px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu.is-compact-apple button:is(:hover, :focus-visible) {
  background: rgba(15, 23, 42, 0.05) !important;
  box-shadow: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  outline: 0 !important;
}

html body:not(.is-dashboard-login-page) .catalog-anchor-picker-menu.catalog-assignment-menu.is-compact-apple button.is-active {
  background: rgba(15, 23, 42, 0.06) !important;
  box-shadow: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

#catalogSection .catalog-compact-icon-button span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}
/* catalog compact table view hard sizing end */

/* shipping order detail portal final animation authority start */
#detailDrawer.is-orders-mode.is-entering .detail-drawer-inner,
#detailDrawer.is-orders-mode.is-closing .detail-drawer-inner {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#detailDrawer.is-orders-mode .order-detail-dialog-surface {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 180ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#detailDrawer.is-orders-mode.is-entering .order-detail-dialog-surface {
  opacity: 0 !important;
  transform: translateY(-6px) !important;
}

#detailDrawer.is-orders-mode.is-closing .order-detail-dialog-surface {
  opacity: 0 !important;
  transform: translateY(0) !important;
  transition: opacity 110ms ease !important;
}
/* shipping order detail portal final animation authority end */

/* shipping order detail portal final geometry authority start */
@media (min-width: 761px) {
  html body:not(.is-pda-inventory-view) #detailDrawer.detail-drawer.is-orders-mode {
    position: fixed !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    --order-detail-dialog-top: clamp(56px, 6.7vh, 72px);
  }

  html body:not(.is-pda-inventory-view) #detailDrawer.detail-drawer.is-orders-mode .order-detail-dialog-frame {
    width: min(1450px, calc(100% - 64px)) !important;
    height: min(700px, calc(100dvh - var(--order-detail-dialog-top) - 36px)) !important;
    margin: var(--order-detail-dialog-top) 0 0 !important;
    transform: none !important;
  }
}
/* shipping order detail portal final geometry authority end */
/* shipping toolbar glass dropdown unification start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal {
  --shipping-replenishment-column-width: 230px;
  --shipping-glass-panel-bg: rgba(248, 251, 253, 0.76);
  --shipping-glass-panel-bg-strong: rgba(255, 255, 255, 0.84);
  --shipping-glass-trigger-bg: rgba(248, 252, 255, 0.68);
  --shipping-glass-trigger-bg-hover: rgba(248, 252, 255, 0.8);
  --shipping-glass-trigger-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 22px rgba(17, 24, 39, 0.08);
  --shipping-glass-control-text: var(--shipping-glass-text);
  --shipping-glass-border: rgba(255, 255, 255, 0.78);
  --shipping-glass-outline: rgba(126, 143, 158, 0.24);
  --shipping-glass-text: #171b21;
  --shipping-glass-muted: rgba(23, 27, 33, 0.55);
  --shipping-glass-active: #111418;
  --shipping-glass-active-text: #fff;
  --shipping-glass-panel-radius: 18px;
  --shipping-glass-item-radius: 10px;
  --shipping-glass-blur: 22px;
  --shipping-glass-shadow: 0 22px 48px rgba(17, 24, 39, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-control,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-trigger {
  border-color: var(--shipping-glass-border) !important;
  background: var(--shipping-glass-trigger-bg) !important;
  box-shadow: var(--shipping-glass-trigger-shadow) !important;
  color: var(--shipping-glass-control-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-control-text) !important;
  font-family: "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control[aria-expanded="true"],
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-control:hover,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-control[aria-expanded="true"],
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-trigger:hover,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-trigger[aria-expanded="true"] {
  border-color: rgba(255, 255, 255, 0.92) !important;
  background: var(--shipping-glass-trigger-bg-hover) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 26px rgba(17, 24, 39, 0.11) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control:focus-visible,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-control:focus-visible,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-trigger:focus-visible {
  outline: 3px solid rgba(71, 85, 105, 0.24) !important;
  outline-offset: 2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control .shipping-toolbar-select-type,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control .shipping-shop-filter-type {
  color: var(--shipping-glass-muted) !important;
  -webkit-text-fill-color: var(--shipping-glass-muted) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control strong,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control .shipping-date-filter-trigger {
  color: var(--shipping-glass-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-text) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-menu,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-menu,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-menu,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu.shipping-glass-menu,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingProgressFilterMenu.shipping-glass-menu,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelector #shippingSortSelectorMenu.shipping-glass-menu,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSourceFilterMenu.shipping-glass-menu {
  border-color: var(--shipping-glass-border) !important;
  border-radius: var(--shipping-glass-panel-radius) !important;
  background: var(--shipping-glass-panel-bg) !important;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(238, 244, 248, 0.12)) !important;
  background-clip: padding-box !important;
  box-shadow: var(--shipping-glass-shadow) !important;
  color: var(--shipping-glass-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-text) !important;
  font-family: "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  backdrop-filter: blur(var(--shipping-glass-blur)) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(var(--shipping-glass-blur)) saturate(1.08) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-menu--sort {
  overflow: visible !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingShopSelectorMenu .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-dropdown-menu .shipping-glass-option {
  border-color: transparent !important;
  border-radius: var(--shipping-glass-item-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--shipping-glass-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-text) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-option:hover,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-option:hover,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-option:hover {
  background: rgba(255, 255, 255, 0.56) !important;
  color: #0f141a !important;
  -webkit-text-fill-color: #0f141a !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-option:focus-visible,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-option:focus-visible,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-option:focus-visible {
  outline: 3px solid rgba(71, 85, 105, 0.22) !important;
  outline-offset: -2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-option.is-active,
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-option.is-active,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-option.is-active {
  background: var(--shipping-glass-active) !important;
  color: var(--shipping-glass-active-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-active-text) !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-option.is-active .shipping-shop-select-count {
  color: rgba(255, 255, 255, 0.7) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-option:disabled,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-action:disabled,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-subcontrol:disabled {
  opacity: 0.42 !important;
  pointer-events: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-shop-select-count {
  color: var(--shipping-glass-muted) !important;
  -webkit-text-fill-color: var(--shipping-glass-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-shop-selector-footer {
  border-color: rgba(126, 143, 158, 0.18) !important;
  background: rgba(255, 255, 255, 0.28) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-action,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-subcontrol {
  border-color: rgba(126, 143, 158, 0.22) !important;
  border-radius: var(--shipping-glass-item-radius) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56) !important;
  color: var(--shipping-glass-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-action:hover,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-subcontrol:hover {
  border-color: rgba(100, 116, 139, 0.34) !important;
  background: rgba(255, 255, 255, 0.66) !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-action:focus-visible,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-subcontrol:focus-visible {
  outline: 3px solid rgba(71, 85, 105, 0.22) !important;
  outline-offset: 2px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-subcontrol.is-active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-direction-button.shipping-glass-subcontrol.is-active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-shop-selector-footer-button.shipping-glass-action:last-child {
  border-color: var(--shipping-glass-active) !important;
  background: var(--shipping-glass-active) !important;
  color: var(--shipping-glass-active-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-active-text) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-rule {
  border-color: rgba(126, 143, 158, 0.18) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-title {
  color: var(--shipping-glass-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-sort-empty {
  color: var(--shipping-glass-muted) !important;
  -webkit-text-fill-color: var(--shipping-glass-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-menu {
    background: rgba(248, 251, 253, 0.97) !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-glass-control {
    background: rgba(248, 251, 253, 0.94) !important;
  }
}
/* shipping toolbar glass dropdown unification end */
/* shipping sort glass latency followup start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-glass-submenu { border: 1px solid var(--shipping-glass-border) !important; border-radius: 18px !important; background: rgba(248,251,253,.88) !important; background-image: none !important; box-shadow: var(--shipping-glass-shadow) !important; backdrop-filter: blur(22px) saturate(1.08) !important; -webkit-backdrop-filter: blur(22px) saturate(1.08) !important; }
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction { border-radius: 999px !important; background: rgba(255,255,255,.42) !important; }
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button { border-radius: 999px !important; background: transparent !important; color: var(--shipping-glass-text) !important; -webkit-text-fill-color: var(--shipping-glass-text) !important; }
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button.is-active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSortSelectorMenu .shipping-toolbar-sort-direction-button[aria-pressed="true"] { background: #111418 !important; background-image: none !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingProgressFilterMenu .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSourceFilterMenu .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-row-height-menu .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingProgressFilterMenu .shipping-glass-option.is-active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSourceFilterMenu .shipping-glass-option.is-active,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-row-height-menu .shipping-glass-option.is-active { border-radius: 999px !important; }
/* shipping sort glass latency followup end */
/* SHIPPING COMBINE: search, lifecycle and history context */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-combine-metric .metric-value {
  font-size: 12px;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #metricGrid.shipping-summary-metrics .metric-card.shipping-combine-metric[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-combine-metric.is-active {
  border-color: #86a8d6;
  background: #f3f7fc;
}

/* Combine table layout lives in shipping-combine-table.css. */
/* Keep progress contenteditable style invalidation local on large shipping tables. */
#shippingOrdersPanel [data-shipping-card-meta-field="progress"] {
  contain: style;
}
html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-system-toolbar-row .shipping-search-controls.rice-shipping-search-controls button#shippingSnapshotButton.ghost-button.shipping-snapshot-button[hidden] {
  display: none !important;
}
/* shipping calendar narrow viewport interaction fix start */
@media (max-width: 840px) {
  html body:not(.is-dashboard-login-page) #shippingOrdersPanel .shipping-toolbar-controls:has(#shippingDateFilter.is-open) {
    z-index: 2147482999 !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel.shipping-date-filter-panel {
    padding: 20px 12px !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-panel-inner {
    width: min(100%, 480px) !important;
    max-width: min(100%, 480px) !important;
    padding: 24px 20px !important;
    border-radius: 28px !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterMonths {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-footer {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "start"
      "end"
      "actions" !important;
  }

  html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingDateFilterPanel .shipping-date-filter-footer::before {
    display: none !important;
  }
}
/* shipping calendar narrow viewport interaction fix end */
/* shipping card four metric final overflow guard start */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemClearGrid .shipping-clear-card .shipping-clear-premium-info {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemClearGrid .shipping-clear-card .shipping-clear-premium-info > .shipping-clear-premium-info-item > span,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingSystemClearGrid .shipping-clear-card .shipping-clear-premium-info > .shipping-clear-premium-info-item > strong {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* shipping card four metric final overflow guard end */

/* [desktop-only] shipping six row heights */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-popover {
  position: fixed !important;
  z-index: 2147483005 !important;
  min-width: 420px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 18px 20px 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-labels {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin-bottom: 16px !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-labels button {
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #7b8492 !important;
  font: 650 13px/1.2 "Inter", "PingFang SC", sans-serif !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-labels button:is(:hover, :focus-visible) {
  background: #f1f5f9 !important;
  color: #1f2937 !important;
  outline: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-labels button[aria-selected="true"] {
  color: #111827 !important;
  font-weight: 800 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-track {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 20px !important;
  margin: 0 8px !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-track::before,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-track > span {
  content: "";
  position: absolute !important;
  top: 8px !important;
  left: 0 !important;
  height: 4px !important;
  border-radius: 999px !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-track::before {
  right: 0 !important;
  background: #d9dee7 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-track > span {
  z-index: 1 !important;
  width: var(--shipping-row-height-progress, 20%) !important;
  background: #2563eb !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-track > i {
  position: relative !important;
  z-index: 2 !important;
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #9aa5b5 !important;
  box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.2) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-track > i.is-active {
  border-color: #2563eb !important;
  background: #fff !important;
  transform: scale(1.8) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-slider-popover:has(.shipping-row-height-range:focus-visible) {
  outline: 3px solid rgba(37, 99, 235, 0.2) !important;
  outline-offset: 2px !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-row-height-range {
  position: absolute !important;
  z-index: 3 !important;
  right: 20px !important;
  bottom: 16px !important;
  left: 20px !important;
  width: calc(100% - 40px) !important;
  height: 28px !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel #shippingTableView[data-shipping-row-height] .shipping-data-table tbody td {
  font-size: var(--shipping-table-body-font-size, 13px) !important;
  line-height: var(--shipping-table-profile-line-height, 18px) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel #shippingTableView[data-shipping-row-height] .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready > tbody > tr {
  height: var(--shipping-system-row-height) !important;
  min-height: var(--shipping-system-row-height) !important;
  max-height: var(--shipping-system-row-height) !important;
  padding: 0 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel #shippingTableView[data-shipping-row-height] .shipping-data-table.is-shipping-grid-v6-native.is-shipping-grid-v6-ready[data-shipping-column-profile="fulfillment"] > tbody > tr > td:nth-child(5) {
  width: auto !important;
  justify-self: stretch !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel #shippingTableView[data-shipping-row-height] .shipping-data-table tbody td :is(small, em, .shipping-data-name-price, .shipping-data-identity em, .shipping-data-meta-label) {
  font-size: var(--shipping-table-secondary-font-size, 12px) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel #shippingTableView[data-shipping-row-height] .shipping-data-table tbody td :is(input, select, textarea, [contenteditable], .shipping-data-table-editable-value) {
  min-height: min(var(--shipping-table-profile-control-height, 32px), calc(var(--shipping-system-row-height) - 12px)) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel #shippingTableView:is([data-shipping-row-height="extraHigh"], [data-shipping-row-height="ultraHigh"], [data-shipping-row-height="maximum"]) .shipping-data-table tbody :is(.shipping-data-table-title, .shipping-data-table-title-static, .shipping-data-spec-text) {
  display: -webkit-box !important;
  overflow: hidden !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: var(--shipping-table-profile-max-lines, 3) !important;
}
/* [desktop-only] shipping six row heights end */

/* desktop-only catalog material subheader start */
@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection #catalogTopFilterMenu.apple-category-select-popover {
    --apple-category-popover-desired-width: 420px !important;
    width: var(--apple-category-popover-width, 420px) !important;
    min-width: min(420px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-table {
    --catalog-compact-product-width: clamp(190px, 12.2vw, 225px);
    --catalog-compact-people-width: clamp(140px, 9.5vw, 175px);
    --catalog-compact-actions-width: clamp(46px, 3vw, 52px);
    --catalog-compact-uniform-data-width: calc((100% - var(--catalog-compact-product-width) - var(--catalog-compact-people-width) - var(--catalog-compact-actions-width)) / 14);
    --catalog-material-line-height: 18px;
    width: calc(100% - 16px) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    table-layout: fixed !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-table th,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-table td {
    min-width: 0 !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    overflow: hidden !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-table th {
    width: auto !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-row {
    content-visibility: auto;
    contain-intrinsic-size: auto 96px;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection .catalog-compact-table-shell.is-catalog-view-cache-hidden {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection .catalog-compact-table-shell.is-catalog-first-screen-only .catalog-compact-row:nth-child(n + 13) {
    display: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-col--product { width: var(--catalog-compact-product-width) !important; }
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-col--people { width: var(--catalog-compact-people-width) !important; }
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout :is(
    .catalog-compact-col--material-code,
    .catalog-compact-col--material-name,
    .catalog-compact-col--material-spec,
    .catalog-compact-col--material-quantity,
    .catalog-compact-col--finance-material,
    .catalog-compact-col--finance-accessory,
    .catalog-compact-col--finance-labor,
    .catalog-compact-col--finance-total,
    .catalog-compact-col--finance-live,
    .catalog-compact-col--finance-margin,
    .catalog-compact-col--stock-current,
    .catalog-compact-col--stock-available,
    .catalog-compact-col--stock-replenish,
    .catalog-compact-col--workspace
  ) { width: var(--catalog-compact-uniform-data-width) !important; }
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-col--actions { width: var(--catalog-compact-actions-width) !important; }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-table :is(th, td) {
    border-left: 0 none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-action-cell {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-header-row--primary {
    height: 42px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-table thead {
    position: static !important;
    height: 42px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-header-row > th {
    height: auto !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-data-header {
    padding-right: 4px !important;
    padding-left: 4px !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    text-align: center !important;
  }

  html body:not(.is-dashboard-login-page):not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-people-cell {
    gap: 4px !important;
  }

  html body:not(.is-dashboard-login-page):not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-people-cell .catalog-assignment-trigger {
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 7px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-person-label {
    font-size: 12px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-people-cell .catalog-assignment-text {
    font-size: 13px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout td[data-catalog-column="assignment"] {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout td.catalog-compact-material-cell {
    display: table-cell !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    text-align: center !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-material-column-list {
    display: grid !important;
    grid-auto-rows: var(--catalog-material-line-height) !important;
    align-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    color: #475569 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-material-column-list.is-clickable {
    border-radius: 7px !important;
    cursor: pointer !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-material-column-list.is-clickable:is(:hover, :focus-visible) {
    background: transparent !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout :is(
    .catalog-compact-material-line,
    .catalog-compact-more,
    .catalog-compact-more-placeholder
  ) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--catalog-material-line-height) !important;
    line-height: var(--catalog-material-line-height) !important;
    overflow: hidden !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout [data-catalog-material-value] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-more {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout :is(.catalog-compact-finance-header, .catalog-compact-finance-cell) {
    padding-right: 4px !important;
    padding-left: 4px !important;
    text-align: center !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout td.catalog-compact-finance-cell {
    display: table-cell !important;
    width: auto !important;
    max-width: none !important;
    justify-items: normal !important;
    justify-self: auto !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-finance-header {
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-finance-value {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 21px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-finance-value.is-live-price {
    color: #1677ff !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-finance-value.is-strong {
    font-weight: 950 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout :is(.catalog-compact-stock-cell, .catalog-compact-workspace-cell) {
    display: table-cell !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    text-align: center !important;
    vertical-align: middle !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout :is(.catalog-compact-stock-value, .catalog-compact-workspace-cell .catalog-workspace-picker-summary) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 24px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection.is-catalog-compact-table-layout .catalog-compact-workspace-cell :is(.catalog-workspace-picker-value-button, .catalog-workspace-picker-readonly, .catalog-workspace-picker-value) {
    justify-content: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 24px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
  }

}
/* desktop-only catalog material subheader end */

/* desktop-only catalog material detail fourteen-column override */
@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-table {
    --catalog-compact-product-width: clamp(200px, 14vw, 250px) !important;
    --catalog-compact-people-width: clamp(205px, 14.5vw, 250px) !important;
    --catalog-compact-actions-width: clamp(46px, 3vw, 52px) !important;
    --catalog-compact-data-space: calc(
      100% - var(--catalog-compact-product-width) - var(--catalog-compact-people-width) -
        var(--catalog-compact-actions-width)
    );
    --catalog-compact-data-unit: calc(var(--catalog-compact-data-space) / 200);
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--product {
    width: var(--catalog-compact-product-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--people {
    width: var(--catalog-compact-people-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--actions {
    width: var(--catalog-compact-actions-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    :is(
      .catalog-compact-col--finance-live,
      .catalog-compact-col--finance-material,
      .catalog-compact-col--finance-accessory
    ) {
    width: calc(var(--catalog-compact-data-unit) * 19) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--finance-labor {
    width: calc(var(--catalog-compact-data-unit) * 16) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    :is(.catalog-compact-col--finance-total, .catalog-compact-col--material-detail) {
    width: calc(var(--catalog-compact-data-unit) * 22) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--finance-margin {
    width: calc(var(--catalog-compact-data-unit) * 18) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    :is(
      .catalog-compact-col--stock-current,
      .catalog-compact-col--stock-available,
      .catalog-compact-col--stock-replenish
    ) {
    width: calc(var(--catalog-compact-data-unit) * 14) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--workspace {
    width: calc(var(--catalog-compact-data-unit) * 23) !important;
  }
}
/* desktop-only catalog material detail fourteen-column override end */

/* desktop catalog personnel persistence and specification column */
@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-table {
    --catalog-compact-product-width: clamp(190px, 12.5vw, 230px) !important;
    --catalog-compact-spec-width: clamp(100px, 7.2vw, 130px) !important;
    --catalog-compact-people-width: clamp(205px, 14.5vw, 250px) !important;
    --catalog-compact-data-space: calc(
      100% - var(--catalog-compact-product-width) - var(--catalog-compact-spec-width) -
        var(--catalog-compact-people-width) - var(--catalog-compact-actions-width)
    ) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--spec {
    width: var(--catalog-compact-spec-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--material-detail {
    width: calc(var(--catalog-compact-data-unit) * 26) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--workspace {
    width: calc(var(--catalog-compact-data-unit) * 19) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-table thead th {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-cell {
    padding-inline: 7px !important;
    text-align: center !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-cell
    :is(.catalog-compact-spec-primary, .catalog-compact-spec-secondary) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-cell
    .catalog-compact-spec-secondary {
    color: #0f172a !important;
    font-weight: 900 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-button,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-material-detail-button:is(:hover, :focus-visible, :active, :disabled) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

#catalogProductionPreviewModal .catalog-production-preview-header {
  min-height: 64px;
}

#catalogProductionPreviewModal .catalog-production-preview-header p {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}

#catalogProductionPreviewModal .catalog-production-preview-table {
  font-size: 14px;
}

#catalogProductionPreviewModal .catalog-production-preview-table thead th {
  font-size: 13px;
}

#catalogProductionPreviewModal .catalog-production-preview-table :is(th, td) {
  line-height: 1.45;
}
/* desktop catalog personnel persistence and specification column end */

/* desktop catalog personnel/live-price row stability and layout v8 */
@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-table {
    min-width: 1155px !important;
    --catalog-v8-product-width: clamp(175px, 12vw, 215px);
    --catalog-v8-spec-width: clamp(165px, 12vw, 230px);
    --catalog-v8-people-width: clamp(205px, 13.5vw, 245px);
    --catalog-v8-actions-width: clamp(46px, 3vw, 52px);
    --catalog-v8-data-space: calc(
      100% - var(--catalog-v8-product-width) - var(--catalog-v8-spec-width) -
        var(--catalog-v8-people-width) - var(--catalog-v8-actions-width)
    );
    --catalog-v8-data-unit: calc(var(--catalog-v8-data-space) / 199);
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--product {
    width: var(--catalog-v8-product-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--spec {
    width: var(--catalog-v8-spec-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--people {
    width: var(--catalog-v8-people-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--actions {
    width: var(--catalog-v8-actions-width) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    :is(.catalog-compact-col--finance-live, .catalog-compact-col--finance-material, .catalog-compact-col--finance-accessory) {
    width: calc(var(--catalog-v8-data-unit) * 20) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--finance-labor {
    width: calc(var(--catalog-v8-data-unit) * 15) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--finance-total {
    width: calc(var(--catalog-v8-data-unit) * 21) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--finance-margin {
    width: calc(var(--catalog-v8-data-unit) * 18) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--material-detail {
    width: calc(var(--catalog-v8-data-unit) * 23) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--stock-current {
    width: calc(var(--catalog-v8-data-unit) * 16) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--stock-available {
    width: calc(var(--catalog-v8-data-unit) * 13) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--stock-replenish {
    width: calc(var(--catalog-v8-data-unit) * 15) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-col--workspace {
    width: calc(var(--catalog-v8-data-unit) * 18) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-row {
    height: clamp(100px, 7.4vw, 112px) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-product-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-product-accessory {
    display: flex !important;
    min-width: 0 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-product-accessory .catalog-accessory-pill {
    max-width: 100% !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-cell {
    padding: 5px 6px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-trigger {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    color: #0f172a !important;
    font: inherit !important;
    text-align: left !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-trigger:is(:hover, :active) {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    color: #0f172a !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-trigger:focus-visible {
    outline: 2px solid rgba(37, 99, 235, 0.7) !important;
    outline-offset: 2px;
    box-shadow: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-stack {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    row-gap: 6px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-row {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 13px !important;
    min-height: 13px !important;
    column-gap: 6px !important;
    line-height: 13px !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-label {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 13px !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-spec-value {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 13px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

.catalog-spec-preview-modal {
  position: fixed;
  inset: 0;
  z-index: 7100;
  display: grid;
  place-items: center;
  padding: 24px;
}

.catalog-spec-preview-modal[hidden] {
  display: none;
}

.catalog-spec-preview-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.catalog-spec-preview-panel {
  position: relative;
  width: min(620px, calc(100vw - 40px));
  max-height: calc(100vh - 64px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(26px) saturate(160%);
  -webkit-backdrop-filter: blur(26px) saturate(160%);
}

.catalog-spec-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.catalog-spec-preview-header h3,
.catalog-spec-preview-header p {
  margin: 0;
}

.catalog-spec-preview-header p {
  margin-top: 4px;
  color: #64748b;
  font-size: 13px;
}

.catalog-spec-preview-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.4);
  color: var(--apple-blue, #2563eb);
  box-shadow: none;
  font-weight: 700;
  line-height: 1;
  opacity: 1;
  cursor: pointer;
}

.catalog-spec-preview-close:hover {
  border-color: color-mix(in srgb, var(--apple-blue, #2563eb) 32%, transparent);
  background: color-mix(in srgb, var(--apple-blue, #2563eb) 8%, rgba(255, 255, 255, 0.5));
  color: var(--apple-blue, #2563eb);
}

.catalog-spec-preview-close:active {
  background: color-mix(in srgb, var(--apple-blue, #2563eb) 13%, rgba(255, 255, 255, 0.46));
}

.catalog-spec-preview-close:disabled {
  color: #94a3b8;
  opacity: 0.58;
  cursor: not-allowed;
}

.catalog-spec-preview-close:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.7);
  outline-offset: 2px;
}

.catalog-spec-preview-body {
  padding: 22px;
  overflow: auto;
}

.catalog-spec-preview-grid {
  display: grid;
  gap: 18px;
  margin: 0;
}

.catalog-spec-preview-grid > div {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.34);
}

.catalog-spec-preview-grid dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.catalog-spec-preview-grid dd {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-control {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    color: #2563eb !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    :is(.catalog-compact-live-price-trigger, .catalog-compact-live-price-editor) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 0 4px !important;
    text-align: center !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-trigger {
    cursor: text;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-trigger:hover {
    border-color: rgba(37, 99, 235, 0.22) !important;
    background: rgba(239, 246, 255, 0.7) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-trigger:focus-visible,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-editor:has(.catalog-compact-live-price-input:focus-visible) {
    outline: 2px solid rgba(37, 99, 235, 0.72) !important;
    outline-offset: 1px !important;
    box-shadow: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-input {
    box-sizing: border-box !important;
    width: min(
      calc(var(--catalog-live-price-input-ch, 8) * 1ch + 2px),
      calc(100% - 12px)
    ) !important;
    min-width: 4ch !important;
    max-width: calc(100% - 12px) !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    color: inherit !important;
    font: inherit !important;
    line-height: 1 !important;
    text-align: left !important;
    font-variant-numeric: tabular-nums;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-prefix {
    flex: 0 0 auto;
    color: inherit;
    font: inherit;
    line-height: 1;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-input::-webkit-inner-spin-button,
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-live-price-input::-webkit-outer-spin-button {
    margin: 0;
    display: none;
  }
}
/* desktop catalog personnel/live-price row stability and layout v8 end */

/* catalog independent floating notice and table workspace stack v13 start */
html body > #catalogFloatingNotice.catalog-floating-notice {
  position: fixed;
  z-index: 5200;
  top: 16px;
  left: var(--catalog-floating-notice-center-x, calc(215px + (100vw - 215px) / 2));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(220, 38, 38, 0.36);
  border-radius: 14px;
  background: rgba(255, 247, 247, 0.82);
  color: #b91c1c;
  box-shadow: none;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  pointer-events: none;
  transform: translateX(-50%);
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}

html body > #catalogFloatingNotice.catalog-floating-notice[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  html body > #catalogFloatingNotice.catalog-floating-notice {
    top: 12px;
    right: 14px;
    left: 14px;
    max-width: none;
    transform: none;
  }
}

@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-assignments {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    white-space: nowrap;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-assignments[data-catalog-workspace-picker-view="table"] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    row-gap: 8px;
    vertical-align: middle;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-option {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 18px;
    margin: 0;
    color: #475569;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    user-select: none;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-assignments[data-catalog-workspace-picker-view="table"]
    .catalog-inline-workspace-option {
    font-size: 12px;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-option > span {
    display: inline-grid;
    width: 14px;
    height: 14px;
    place-items: center;
    border: 1px solid rgba(100, 116, 139, 0.42);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: none;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-option.is-checked > span::after {
    content: "";
    width: 7px;
    height: 4px;
    border: solid #2563eb;
    border-width: 0 0 2px 2px;
    transform: translateY(-1px) rotate(-45deg);
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-option.is-disabled {
    cursor: wait;
    opacity: 0.58;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-option input:focus-visible + span {
    outline: 2px solid rgba(37, 99, 235, 0.72);
    outline-offset: 2px;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-option strong {
    font: inherit;
    font-weight: 650;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-assignments[data-catalog-workspace-picker-view="table"]
    .catalog-inline-workspace-option > span {
    width: 16px;
    height: 16px;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] #catalogSection
    .catalog-inline-workspace-assignments[data-catalog-workspace-picker-view="table"]
    .catalog-inline-workspace-option.is-checked > span::after {
    width: 8px;
    height: 5px;
    border-width: 0 0 3px 3px;
    transform: translateY(-1px) rotate(-45deg);
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"] > #catalogOverflowTooltip.catalog-overflow-tooltip {
    position: fixed;
    z-index: 5600;
    max-width: min(340px, calc(100vw - 24px));
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 9px;
    background: rgba(15, 23, 42, 0.78);
    color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: normal;
    pointer-events: none;
  }
}

html body > #catalogOverflowTooltip.catalog-overflow-tooltip[hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  html body > #catalogOverflowTooltip.catalog-overflow-tooltip {
    display: none !important;
  }
}
/* catalog independent floating notice and table workspace stack v13 end */

/* catalog compact specification and personnel shared two-row rhythm v15 */
@media (min-width: 769px) {
  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout {
    --catalog-compact-detail-row-height: 32px;
    --catalog-compact-detail-row-gap: 4px;
    --catalog-compact-detail-column-gap: 6px;
    --catalog-compact-detail-label-size: 12px;
    --catalog-compact-detail-label-weight: 800;
    --catalog-compact-detail-value-size: 13px;
    --catalog-compact-detail-value-weight: 900;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-detail-stack {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: repeat(2, var(--catalog-compact-detail-row-height)) !important;
    align-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: calc((2 * var(--catalog-compact-detail-row-height)) + var(--catalog-compact-detail-row-gap)) !important;
    row-gap: var(--catalog-compact-detail-row-gap) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-detail-row {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--catalog-compact-detail-row-height) !important;
    min-height: var(--catalog-compact-detail-row-height) !important;
    column-gap: var(--catalog-compact-detail-column-gap) !important;
    line-height: 1 !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-detail-row > .catalog-assignment-trigger {
    grid-column: 1 / -1;
    grid-template-columns: max-content minmax(0, 1fr) auto !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    column-gap: var(--catalog-compact-detail-column-gap) !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-detail-label {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-family: inherit !important;
    font-size: var(--catalog-compact-detail-label-size) !important;
    font-weight: var(--catalog-compact-detail-label-weight) !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    .catalog-compact-detail-value {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-family: inherit !important;
    font-size: var(--catalog-compact-detail-value-size) !important;
    font-weight: var(--catalog-compact-detail-value-weight) !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.is-mobile-viewport)[data-main-view="catalog"]
    #catalogSection.is-catalog-compact-table-layout
    :is(.catalog-compact-detail-value.is-empty, .catalog-assignment-trigger.is-empty .catalog-compact-detail-value) {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    font-weight: 800 !important;
  }
}
/* Shipping D2 replenishment page: Standard Desktop only. */
.sidebar-menu-section-shipping-child { margin-top: -6px; padding-left: 18px; }
.sidebar-menu-section-shipping-child .sidebar-top-item { min-height: 36px; opacity: .84; }
.shipping-replenishment-page { gap: 12px; padding: 10px 22px 22px; }
.shipping-replenishment-scope-tabs { display: inline-flex; width: fit-content; gap: 4px; padding: 4px; border: 1px solid rgba(148, 163, 184, .32); border-radius: 999px; background: rgba(248, 250, 252, .78); }
.shipping-replenishment-page-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.shipping-replenishment-scope-tabs button { min-width: 96px; border: 0; border-radius: 999px; padding: 8px 16px; color: var(--text-muted, #64748b); background: transparent; cursor: pointer; }
.shipping-replenishment-scope-tabs button.is-active { color: #fff; background: #111827; }
.shipping-replenishment-history-filters { display: flex; gap: 10px; align-items: center; }
.shipping-replenishment-history-filters input { min-height: 38px; border: 1px solid rgba(148, 163, 184, .4); border-radius: 10px; padding: 0 12px; background: #fff; }
.shipping-replenishment-history-presets { display: inline-flex; gap: 4px; }
.shipping-replenishment-history-presets button { min-height: 38px; border: 1px solid rgba(148, 163, 184, .35); border-radius: 9px; padding: 0 12px; background: #fff; color: var(--text-muted, #64748b); }
.shipping-replenishment-history-presets button.is-active { color: #fff; border-color: #111827; background: #111827; }
.shipping-replenishment-history-result { display: inline-flex; margin-bottom: 4px; padding: 3px 8px; border-radius: 999px; background: rgba(15, 23, 42, .08); font-size: 12px; }
.shipping-replenishment-history-operator { display: block; margin-top: 4px; color: var(--text-muted, #64748b); }
.shipping-replenishment-history-facts dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.shipping-replenishment-history-facts dl > div { padding: 10px 12px; border-radius: 10px; background: rgba(248, 250, 252, .9); }
.shipping-replenishment-history-facts dt { color: var(--text-muted, #64748b); font-size: 12px; }
.shipping-replenishment-history-facts dd { margin: 3px 0 0; font-weight: 600; }
.shipping-replenishment-history-timeline ol { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.shipping-replenishment-history-timeline li { display: grid; grid-template-columns: 140px minmax(90px, auto) 1fr; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 10px; background: rgba(248, 250, 252, .9); }
#shippingReplenishmentSection.shipping-replenishment-page {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#shippingReplenishmentSection .shipping-replenishment-table-wrap {
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 20px;
  background: #fff;
}
.shipping-replenishment-toolbar,
.shipping-replenishment-pager,
.shipping-replenishment-detail-modal > header,
.shipping-replenishment-detail-modal > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.shipping-replenishment-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentSection #shippingReplenishmentMetrics.is-planning-v2 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.shipping-replenishment-metrics .metric-card { min-width: 0; appearance: none; -webkit-appearance: none; box-shadow: none !important; border: 1px solid rgba(148,163,184,.28); background: rgba(255,255,255,.76); color: #142033; }
.shipping-replenishment-metrics .metric-card.is-active { border-color: #111827; background: #111827; color: #fff; }
#shippingReplenishmentSection .shipping-replenishment-toolbar { display: grid; grid-template-columns: 220px 166px minmax(180px, 1fr) 88px 88px; justify-content: stretch; gap: 8px; }
#shippingReplenishmentSection .shipping-replenishment-toolbar .search-input { width: 100%; min-width: 180px; }
#shippingReplenishmentSection :is(#shippingReplenishmentSearchButton, #shippingReplenishmentResetButton) { width: 88px; min-width: 88px; border: 1px solid rgba(148,163,184,.32); border-radius: 10px; background: rgba(255,255,255,.82); box-shadow: none !important; }
.shipping-replenishment-table-wrap { overflow: auto; }
/* d4-fixed-demand-v1 */
.shipping-replenishment-table { min-width: 1040px; table-layout: fixed; border-collapse: collapse; }
.shipping-replenishment-table th:nth-child(1) { width: 8%; }
.shipping-replenishment-table th:nth-child(2) { width: 19%; }
.shipping-replenishment-table th:nth-child(3) { width: 10%; }
.shipping-replenishment-table th:nth-child(4) { width: 15%; }
.shipping-replenishment-table th:nth-child(5),
.shipping-replenishment-table th:nth-child(6) { width: 9%; }
.shipping-replenishment-table th:nth-child(7) { width: 14%; }
.shipping-replenishment-table th:nth-child(8) { width: 16%; }
.shipping-replenishment-table:has(th:nth-child(5):last-child) th:nth-child(1) { width: 30%; }
.shipping-replenishment-table:has(th:nth-child(5):last-child) th:nth-child(2) { width: 14%; }
.shipping-replenishment-table:has(th:nth-child(5):last-child) th:nth-child(3) { width: 38%; }
.shipping-replenishment-table:has(th:nth-child(5):last-child) th:nth-child(4) { width: 12%; }
.shipping-replenishment-table:has(th:nth-child(5):last-child) th:nth-child(5) { width: 6%; }
/* [desktop-only] replenishment inline table */
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(h2, h3, .panel-title) { font-size: 16px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-toolbar, .shipping-replenishment-toolbar input, .shipping-replenishment-toolbar button) { font-size: 14px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table {
  min-width: 1440px;
  font-size: 14px;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th { font-size: 13px; font-weight: 600; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(1) { width: 9%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(2) { width: 5%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(3) { width: 5%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(4) { width: 8%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(5) { width: 6%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(6) { width: 8%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(7) { width: 7%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(8) { width: 8%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(9) { width: 12%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(10) { width: 8%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(11) { width: 17%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(12) { width: 7%; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td {
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  font-size: 14px;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-inline-control, .shipping-replenishment-inline-status) {
  width: 100%;
  min-width: 0;
  height: 34px;
  margin: 0;
  padding: 5px 7px;
  border: 1px solid transparent;
  border-radius: 7px;
  outline: none;
  background: transparent;
  box-shadow: none !important;
  color: inherit;
  font: inherit;
  font-size: 14px;
  line-height: 22px;
  transition: border-color .14s ease, background-color .14s ease;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-inline-control, .shipping-replenishment-inline-status):not(:disabled):hover {
  border-color: rgba(148, 163, 184, .3);
  background: rgba(248, 250, 252, .7);
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-inline-control, .shipping-replenishment-inline-status):focus {
  border-color: #94a3b8;
  background: #fff;
  box-shadow: none !important;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-inline-control, .shipping-replenishment-inline-status):disabled,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-readonly.is-disabled {
  border-color: transparent;
  background: #f1f5f9;
  color: #64748b;
  cursor: not-allowed;
  opacity: 1;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 11px;
  border-radius: 11px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status-picker { position: relative; min-width: 0; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status .shipping-glass-caret { width: 7px; height: 7px; flex: 0 0 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status[aria-expanded="true"] .shipping-glass-caret { transform: rotate(225deg); }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status-menu { position: absolute; z-index: 80; top: calc(100% + 6px); left: 0; min-width: 100%; width: max-content; padding: 5px; border: 1px solid rgba(148,163,184,.28); border-radius: 12px; background: rgba(255,255,255,.96); backdrop-filter: blur(14px); box-shadow: none; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status-menu[hidden] { display: none; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status-option { display: block; width: 100%; min-height: 38px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: #334155; font-size: 14px; text-align: left; box-shadow: none; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status-option:is(:hover,:focus-visible),
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status-option.is-active { background: #f1f5f9; outline: none; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status.is-pending { color: #475569; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status.is-procuring { background: #fff7d6; color: #8a5b00; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status.is-arrived { background: #e5f7ed; color: #166534; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status.is-no-replenish { background: #eef2f7; color: #334155; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-readonly {
  display: flex;
  min-height: 34px;
  align-items: center;
  padding: 5px 7px;
  border-radius: 7px;
  color: #334155;
  line-height: 22px;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-message {
  display: block;
  margin: 3px 4px 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.25;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-message[data-tone="error"] { color: #b91c1c; }
.shipping-replenishment-product { display: flex; align-items: center; gap: 10px; min-width: 0; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-product img { width: 72px; height: 72px; object-fit: cover; border-radius: 9px; background: #f3f4f6; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-product { justify-content: center; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-product strong { font-size: 14px; }
.shipping-replenishment-product div,
.shipping-replenishment-item-summary { display: grid; gap: 3px; min-width: 0; }
.shipping-replenishment-product strong,
.shipping-replenishment-product span,
.shipping-replenishment-item-summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shipping-replenishment-product span,
.shipping-replenishment-item-summary em { color: #6b7280; font-size: 12px; font-style: normal; }
.shipping-replenishment-item-summary span { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.45; }
.shipping-replenishment-item-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
#shippingReplenishmentSection .shipping-replenishment-item-summary-card { display: grid; min-width: 0; grid-template-columns: minmax(72px, 1fr) 48px 52px minmax(42px, .72fr); align-items: center; column-gap: 6px; padding: 2px 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; line-height: 1.35; }
#shippingReplenishmentSection .shipping-replenishment-item-demand { display: flex; flex: 1 1 auto; align-items: center; gap: 3px; min-width: 0; }
#shippingReplenishmentSection .shipping-replenishment-item-demand strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#shippingReplenishmentSection .shipping-replenishment-item-required,
#shippingReplenishmentSection .shipping-replenishment-item-summary-card > span:not(.shipping-replenishment-item-demand),
#shippingReplenishmentSection .shipping-replenishment-item-summary-card em { flex: 0 0 auto; overflow: hidden; color: #526579; font-size: 13px; font-style: normal; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
#shippingReplenishmentSection .shipping-replenishment-item-fulfilled,
#shippingReplenishmentSection .shipping-replenishment-item-summary-card em { min-height: 1.35em; }
#shippingReplenishmentSection .shipping-replenishment-item-summary-card em { min-width: 0; }
.shipping-replenishment-item-status-label { display: inline-flex; flex: 0 0 auto; align-items: center; padding: 1px 4px; border-radius: 999px; background: #eef2f7; color: #334155; font-size: 13px; font-weight: 700; line-height: 1.3; white-space: nowrap; box-shadow: none; }
.shipping-replenishment-item-status-label[data-status="ARRIVED"] { background: #dcfce7; color: #166534; }
.shipping-replenishment-item-status-label[data-status="PROCURING"] { background: #fff4d6; color: #8a5b00; }
.shipping-replenishment-item-status-label[data-status="NO_REPLENISH"] { background: #eef2f7; color: #334155; }
.shipping-replenishment-status { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #eef2f7; font-weight: 700; }
.shipping-replenishment-status[data-status="REPLENISHING"] { background: #fff4d6; color: #8a5b00; }
.shipping-replenishment-status[data-status="PARTIALLY_ARRIVED"] { background: #eef2f7; color: #334155; }
.shipping-replenishment-status[data-status="ARRIVED"], .shipping-replenishment-status[data-status="COMPLETED"] { background: #e5f7ed; color: #166534; }
.shipping-replenishment-detail-backdrop { position: fixed; inset: 0; z-index: 1090; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15,23,42,.22); backdrop-filter: blur(3px); }
.shipping-replenishment-detail-backdrop[hidden] { display: none !important; }
.shipping-replenishment-detail-modal { position: relative; z-index: 1091; width: min(720px, calc(100vw - 32px)); height: auto; max-height: 80vh; display: grid; grid-template-rows: auto minmax(0, auto) auto auto; overflow: hidden; border: 1px solid rgba(148,163,184,.14); border-radius: 20px; background: rgba(255,255,255,.97); backdrop-filter: blur(18px); box-shadow: 0 22px 70px rgba(15,23,42,.16); }
.shipping-replenishment-detail-modal[hidden] { display: none !important; }
.shipping-replenishment-detail-modal > header { padding: 20px 20px 0; border-bottom: 0; }
.shipping-replenishment-detail-modal > header h3 { margin: 0; }
.shipping-replenishment-detail-modal > header p { margin: 4px 0 0; color: #64748b; font-size: 12px; }
.shipping-replenishment-detail-modal > footer { padding: 18px 20px; border: 0; background: transparent; justify-content: flex-end; }
.shipping-replenishment-detail-modal > footer button { appearance: none; -webkit-appearance: none; min-width: 88px; height: 38px; border-radius: 10px; box-shadow: none !important; }
.shipping-replenishment-detail-close { display: inline-flex; flex: 0 0 34px; width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0; border: 1px solid rgba(148,163,184,.28); border-radius: 999px; background: rgba(248,250,252,.86); color: #475569; box-shadow: none !important; cursor: pointer; }
.shipping-replenishment-detail-close svg { display: block; width: 16px; height: 16px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.shipping-replenishment-detail-close:is(:hover,:focus,:focus-visible,:active) { border-color: rgba(148,163,184,.38); background: rgba(241,245,249,.96); color: #475569; box-shadow: none !important; }
.shipping-replenishment-detail-message { min-height: 0; margin: 0; padding: 0 20px; color: #b91c1c; font-size: 13px; }
.shipping-replenishment-detail-message:not(:empty) { padding-top: 10px; }
.shipping-replenishment-primary-button { border: 1px solid #111827; background: #111827; color: #fff; padding: 9px 16px; font: inherit; font-weight: 700; cursor: pointer; }
.shipping-replenishment-primary-button:hover,
.shipping-replenishment-primary-button:focus,
.shipping-replenishment-primary-button:active { border-color: #111827; background: #111827; color: #fff; box-shadow: none !important; }
.shipping-replenishment-primary-button:disabled { cursor: default; opacity: .45; }
.shipping-replenishment-detail-modal #shippingReplenishmentDetailProduct { display: flex; align-items: center; gap: 10px; margin: 6px 0 0; color: #475569; font-size: 14px; line-height: 1.45; }
.shipping-replenishment-detail-modal #shippingReplenishmentDetailProduct strong { color: #172033; font-size: 15px; line-height: 1.4; }
.shipping-replenishment-detail-modal #shippingReplenishmentDetailProduct img { width: 56px; height: 56px; border-radius: 10px; object-fit: cover; background: #f3f4f6; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-image-preview,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-image-placeholder,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentDetailModal .shipping-replenishment-image-preview,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentDetailModal .shipping-replenishment-image-placeholder { display: inline-flex; flex: 0 0 auto; width: 72px; height: 72px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 9px; background: transparent; box-shadow: none; }
#shippingReplenishmentSection .shipping-replenishment-image-preview,
#shippingReplenishmentDetailModal .shipping-replenishment-image-preview { appearance: none; -webkit-appearance: none; cursor: zoom-in; }
.shipping-replenishment-detail-modal #shippingReplenishmentDetailProduct > span { display: grid; gap: 4px; }
.shipping-replenishment-detail-body { min-height: 0; overflow: auto; padding: 18px 20px 0; }
.shipping-replenishment-detail-section + .shipping-replenishment-detail-section { margin-top: 22px; }
.shipping-replenishment-detail-section > h4,
.shipping-replenishment-detail-section > header h4 { margin: 0; font-size: 15px; }
.shipping-replenishment-detail-section > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.shipping-replenishment-detail-list { display: grid; gap: 10px; margin-top: 10px; }
.shipping-replenishment-detail-section.is-current .shipping-replenishment-detail-list { margin-top: 0; }
.shipping-replenishment-add-row { display: grid; grid-template-columns: 70px minmax(130px,1fr) 90px 48px 110px minmax(100px,1fr) 60px; gap: 8px; align-items: center; padding: 10px; border: 1px solid #e5e7eb; border-radius: 12px; }
.shipping-replenishment-detail-row { display: grid; grid-template-columns: 60px minmax(100px,1fr) 72px 38px 100px minmax(90px,1fr) 100px 52px 52px; gap: 10px; align-items: center; padding: 12px 14px; border: 0; border-radius: 12px; background: rgba(246,248,250,.72); box-shadow: none; }
.shipping-replenishment-detail-row.is-display { grid-template-columns: minmax(180px,1.2fr) 110px 120px; }
.shipping-replenishment-detail-primary { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.shipping-replenishment-detail-primary strong,
.shipping-replenishment-detail-note { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shipping-replenishment-detail-note { color: #526579; }
.shipping-replenishment-detail-row.is-editing { grid-template-columns: minmax(150px,1fr) 124px 112px; }
#shippingReplenishmentDetailModal .shipping-replenishment-detail-name { display: flex; min-width: 0; align-items: center; gap: 8px; overflow: hidden; color: #172033; font-size: 13px; font-weight: 700; line-height: 1.35; white-space: nowrap; }
#shippingReplenishmentDetailModal .shipping-replenishment-detail-name strong { min-width: 0; overflow: hidden; color: #172033; font-size: 13px; font-weight: 700; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
#shippingReplenishmentDetailModal .shipping-replenishment-detail-name span { flex: 0 0 auto; color: #172033; font-size: 13px; font-weight: 700; line-height: 1.35; }
.shipping-replenishment-quantity-input { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) 22px; align-items: center; gap: 4px; }
.shipping-replenishment-quantity-input input { width: 100%; padding-right: 8px; }
#shippingReplenishmentDetailModal .shipping-replenishment-quantity-suffix { position: static; color: #64748b; pointer-events: none; transform: none; }
.shipping-replenishment-detail-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.shipping-replenishment-detail-row time { color: #64748b; font-size: 11px; line-height: 1.3; }
.shipping-replenishment-add-row.shipping-replenishment-d2-draft { display: block; }
.shipping-replenishment-d2-draft .shipping-replenishment-draft-row { margin-bottom: 8px; }
.shipping-replenishment-d2-draft [data-shipping-replenishment-remove-row] { display: none; }
.shipping-replenishment-d2-draft > [data-replenishment-submit-item] { display: block; margin-left: auto; }
.shipping-replenishment-add-row input,
.shipping-replenishment-add-row select { min-width: 0; height: 36px; border: 1px solid #d8dee8; border-radius: 8px; padding: 0 8px; background: #fff; }
.shipping-replenishment-item-status-picker { position: relative; min-width: 0; }
.shipping-replenishment-item-status-trigger { width: 100%; min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px; border: 1px solid rgba(148,163,184,.32); border-radius: 10px; background: rgba(255,255,255,.82); color: #172033; box-shadow: none !important; }
.shipping-replenishment-item-status-trigger .shipping-glass-caret { width: 7px; height: 7px; border-right: 1.5px solid #526579; border-bottom: 1.5px solid #526579; transform: rotate(45deg); transition: transform 160ms ease; }
.shipping-replenishment-item-status-trigger[aria-expanded="true"] .shipping-glass-caret { transform: rotate(225deg); }
.shipping-replenishment-item-status-menu { position: absolute; z-index: 24; top: calc(100% + 6px); left: 0; width: var(--shipping-glass-menu-anchor-width, 100%); min-width: var(--shipping-glass-menu-anchor-width, 100%); max-width: var(--shipping-glass-menu-anchor-width, 100%); padding: 6px; border-radius: 12px; background: rgba(255,255,255,.92); backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%); border: 1px solid rgba(148,163,184,.26); animation: shipping-glass-menu-in 160ms ease both; box-shadow: none !important; }
.shipping-replenishment-item-status-menu[hidden] { display: none !important; }
.shipping-replenishment-item-status-menu .shipping-glass-option { width: 100%; border: 0; border-radius: 8px; padding: 8px 10px; background: transparent; text-align: left; box-shadow: none !important; }
.shipping-replenishment-item-status-menu .shipping-glass-option.is-active { background: #111827; color: #fff; }
@media (max-width: 1024px) {
  .sidebar-menu-section-shipping-child,
  #shippingReplenishmentSection,
  #shippingReplenishmentDetailModal,
  #shippingReplenishmentDetailBackdrop { display: none !important; }
}
body.is-mobile-viewport .sidebar-menu-section-shipping-child,
body.is-mobile-viewport #shippingReplenishmentSection,
body.is-mobile-viewport #shippingReplenishmentDetailModal,
body.is-mobile-viewport #shippingReplenishmentDetailBackdrop,
body.is-tablet-viewport .sidebar-menu-section-shipping-child,
body.is-tablet-viewport #shippingReplenishmentSection,
body.is-tablet-viewport #shippingReplenishmentDetailModal,
body.is-tablet-viewport #shippingReplenishmentDetailBackdrop { display: none !important; }

/* Shipping D2.2: D2 retains only layout; the visual owner is the shared Shipping glass block. */
html body:not(.is-dashboard-login-page) #shippingReplenishmentSection,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal {
  --shipping-glass-trigger-bg: rgba(255, 255, 255, 0.58);
  --shipping-glass-trigger-bg-hover: rgba(255, 255, 255, 0.64);
  --shipping-glass-trigger-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 24px rgba(18, 35, 48, 0.07);
  --shipping-glass-control-text: #1b2738;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select {
  position: relative !important;
  width: 100%;
  min-width: 0;
  height: 40px;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select:first-child {
  width: 100%;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select-button {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 52px minmax(0, 1fr) 22px !important;
  align-items: center !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select-button > span:first-child {
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(17, 20, 24, 0.08);
  color: var(--shipping-glass-muted) !important;
  -webkit-text-fill-color: var(--shipping-glass-muted) !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select-button > strong {
  min-width: 0;
  overflow: hidden;
  padding: 0 10px;
  color: var(--shipping-glass-text) !important;
  -webkit-text-fill-color: var(--shipping-glass-text) !important;
  font-size: 14px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-date-filter-type-caret {
  position: static !important;
  grid-column: 3 !important;
  width: 10px !important;
  height: 10px !important;
  margin-right: 12px !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.25 3.75 5 6.25l2.75-2.5' fill='none' stroke='%23667487' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 10px 10px !important;
  transform: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-select-button[aria-expanded="true"] .shipping-date-filter-type-caret {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.25 6.25 5 3.75l2.75 2.5' fill='none' stroke='%23667487' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-dropdown-menu,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-type-menu,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-menu {
  position: absolute !important;
  z-index: 2147483001 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: var(--shipping-glass-menu-anchor-width, 100%) !important;
  min-width: var(--shipping-glass-menu-anchor-width, 100%) !important;
  max-width: var(--shipping-glass-menu-anchor-width, 100%) !important;
  max-height: min(320px, calc(100vh - 132px)) !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-width: 1px !important;
  border-style: solid !important;
  animation: shipping-glass-menu-in 160ms ease both;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-trigger {
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-trigger,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-trigger:is(:hover, :focus, :focus-visible, :active, [aria-expanded="true"]) {
  border-color: rgba(100, 116, 139, .42) !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-quantity-input input {
  padding-right: 8px;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-type-menu,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-menu {
  width: var(--shipping-glass-menu-anchor-width, 100%) !important;
  min-width: var(--shipping-glass-menu-anchor-width, 100%) !important;
  max-width: var(--shipping-glass-menu-anchor-width, 100%) !important;
  max-height: min(320px, var(--shipping-replenishment-menu-max-height, calc(100vh - 132px))) !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-menu[popover] {
  position: fixed !important;
  inset: auto !important;
  top: var(--shipping-replenishment-menu-top, 0) !important;
  left: var(--shipping-replenishment-menu-left, 0) !important;
  width: var(--shipping-replenishment-menu-width, 124px) !important;
  min-width: var(--shipping-replenishment-menu-width, 124px) !important;
  max-width: var(--shipping-replenishment-menu-width, 124px) !important;
}
.shipping-replenishment-discard-confirm { position: fixed; z-index: 2147483002; top: 50vh; left: 50vw; width: min(360px, calc(100vw - 40px)); padding: 24px; border: 1px solid rgba(255,255,255,.68); border-radius: var(--shipping-replenishment-confirm-radius); transform: translate(-50%, -50%); background: rgba(250,250,252,.96); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); box-shadow: 0 24px 80px rgba(15,23,42,.24); color: #111827; text-align: center; }
.shipping-replenishment-discard-confirm[hidden] { display: none !important; }
.shipping-replenishment-discard-confirm h3 { margin: 12px 0 6px; font-size: 18px; letter-spacing: -.01em; }
.shipping-replenishment-discard-confirm p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.55; }
.shipping-replenishment-discard-confirm > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
.shipping-replenishment-discard-confirm button { min-height: 42px; padding: 0 14px; border: 0; border-radius: 12px; background: #e9edf3; color: #111827; font: inherit; font-weight: 700; cursor: pointer; box-shadow: none !important; }
.shipping-replenishment-discard-confirm button:is(:hover,:focus-visible,:active) { background: #dfe5ed; color: #111827; box-shadow: none !important; }
.shipping-replenishment-discard-confirm #shippingReplenishmentDiscardConfirmButton { background: #111827; color: #fff; }
.shipping-replenishment-discard-confirm #shippingReplenishmentDiscardConfirmButton:is(:hover,:focus-visible,:active) { background: #111827; color: #fff; }
.shipping-replenishment-discard-confirm.is-destructive #shippingReplenishmentDiscardConfirmButton { background: #ff3b30; }
.shipping-replenishment-discard-confirm.is-destructive #shippingReplenishmentDiscardConfirmButton:is(:hover,:focus-visible,:active) { background: #ff3b30; }
.shipping-replenishment-discard-icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 14px; background: #fff0ef; color: #ff3b30; font-size: 24px; font-weight: 800; }

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-field.is-menu-upward > .shipping-replenishment-type-menu,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-field.is-menu-upward > .shipping-replenishment-item-status-menu {
  top: auto !important;
  bottom: calc(100% + 8px) !important;
}
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-field.is-menu-upward > .shipping-replenishment-item-status-menu[popover] { top: var(--shipping-replenishment-menu-top, 0) !important; bottom: auto !important; }

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-toolbar-dropdown-menu[hidden],
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-type-menu[hidden],
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-menu[hidden] {
  display: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-glass-option {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  text-align: left !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentSection .shipping-glass-option.is-active {
  border-radius: 999px !important;
}

/* Shipping D4 detail: one scoped borderless-grouped visual owner. */
#shippingReplenishmentDetailModal {
  --d4-modal-radius: var(--shipping-replenishment-modal-radius);
  --d4-demand-radius: var(--shipping-replenishment-group-radius);
  --d4-control-radius: var(--shipping-replenishment-control-radius);
  --d4-control-height: var(--shipping-replenishment-control-height);
  border-color: rgba(148, 163, 184, .14);
  border-radius: var(--d4-modal-radius);
}

#shippingReplenishmentDetailModal > header {
  padding: 20px 20px 0;
  border-bottom: 0;
}

#shippingReplenishmentDetailModal > footer {
  padding: 18px 20px;
  border: 0;
  background: transparent;
}

#shippingReplenishmentDetailModal .shipping-replenishment-detail-row.is-editing {
  grid-template-columns: minmax(150px, 1fr) 124px 112px minmax(130px, 1fr);
  gap: 10px;
  padding: 12px 14px;
  border: 0;
  border-radius: var(--d4-demand-radius);
  background: rgba(246, 248, 250, .72);
  box-shadow: none;
}

#shippingReplenishmentDetailModal .shipping-replenishment-detail-name strong { font-weight: 700; }
#shippingReplenishmentDetailModal .shipping-replenishment-detail-name span { color: #64748b; font-weight: 650; }

#shippingReplenishmentDetailModal .shipping-replenishment-item-status-trigger,
#shippingReplenishmentDetailModal .shipping-replenishment-detail-row.is-editing input {
  min-width: 0;
  height: var(--d4-control-height);
  min-height: var(--d4-control-height);
  max-height: var(--d4-control-height);
  border: 1px solid transparent;
  border-radius: var(--d4-control-radius);
  background: rgba(255, 255, 255, .84);
  color: #172033;
  box-sizing: border-box;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-trigger,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-trigger:is(:hover, :focus, :focus-visible, :active, [aria-expanded="true"]) {
  height: var(--d4-control-height) !important;
  min-height: var(--d4-control-height) !important;
  max-height: var(--d4-control-height) !important;
  padding: 0 10px !important;
  border-color: transparent !important;
  border-radius: var(--d4-control-radius) !important;
  background: rgba(255, 255, 255, .84) !important;
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  box-shadow: none !important;
  outline-color: rgba(100, 116, 139, .28) !important;
}

#shippingReplenishmentDetailModal .shipping-replenishment-item-status-trigger > span:first-child { margin-left: 0; }
#shippingReplenishmentDetailModal .shipping-replenishment-item-status-trigger > .shipping-glass-caret { margin-right: 0; }

#shippingReplenishmentDetailModal .shipping-replenishment-detail-row.is-editing input:is(:hover, :focus, :focus-visible, :active) {
  border-color: rgba(100, 116, 139, .28);
  background: rgba(255, 255, 255, .94);
  outline: 2px solid rgba(100, 116, 139, .16);
  outline-offset: 0;
  box-shadow: none;
}

#shippingReplenishmentDetailModal .shipping-replenishment-quantity-input { height: var(--d4-control-height); }
#shippingReplenishmentDetailModal .shipping-replenishment-quantity-input input { padding: 0 8px; }

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-editor,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-facts {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding-top: 2px;
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-editor > :is(label, span),
html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-facts > span {
  min-width: 0;
  display: grid;
  gap: 5px;
  color: #64748b;
  font-size: 11px;
  font-style: normal;
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-editor :is(span, b),
html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-facts b {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 650;
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-editor label {
  position: relative;
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-editor label em {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  pointer-events: none;
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-editor output {
  min-height: var(--d4-control-height);
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: var(--d4-control-radius);
  background: rgba(238, 242, 247, .88);
  color: #475569;
  font-size: 13px;
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-detail-row.is-display:has(.shipping-replenishment-planning-facts) {
  grid-template-columns: minmax(180px, 1.2fr) 110px 120px minmax(150px, 1fr);
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-detail-row.is-editing:has(.shipping-replenishment-planning-editor) {
  grid-template-columns: minmax(150px, 1fr) 124px 112px minmax(130px, 1fr);
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport)
#shippingReplenishmentDetailModal .shipping-replenishment-planning-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 8px;
  border-top: 1px solid rgba(148, 163, 184, .16);
}

#shippingReplenishmentDetailModal > footer button {
  height: var(--d4-control-height);
  min-height: var(--d4-control-height);
  border-radius: var(--d4-control-radius);
}

#shippingReplenishmentDetailModal #shippingReplenishmentCancelButton,
#shippingReplenishmentDetailModal #shippingReplenishmentCancelButton:is(:hover, :focus, :focus-visible, :active) {
  border-color: transparent;
  background: #eef1f5;
  color: #334155;
  box-shadow: none !important;
}

#shippingReplenishmentDetailModal #shippingReplenishmentSaveButton,
#shippingReplenishmentDetailModal #shippingReplenishmentSaveButton:is(:hover, :focus, :focus-visible, :active) {
  border-color: #111827;
  background: #111827;
  color: #fff;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-menu {
  border-radius: 12px !important;
}

html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-menu .shipping-glass-option,
html body:not(.is-dashboard-login-page) #shippingReplenishmentDetailModal .shipping-replenishment-item-status-menu .shipping-glass-option.is-active {
  border-radius: var(--d4-control-radius) !important;
}

.shipping-replenishment-discard-confirm button { border-radius: 10px; }
#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-pending-reinspect-order-table th {
  white-space: nowrap;
  width: auto !important;
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table .shipping-replenishment-item-status-label {
  font-size: 12px !important;
  line-height: 1.22 !important;
}

#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-pending-reinspect-order-table td {
  vertical-align: middle;
  overflow: hidden;
  width: auto !important;
  min-width: 0 !important;
}

#shippingOrdersPanel .shipping-reinspect-order-specs,
#shippingOrdersPanel .shipping-reinspect-order-identity {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

#shippingOrdersPanel .shipping-reinspect-order-identity > * {
  display: block;
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

#shippingOrdersPanel .shipping-reinspect-order-identity > * {
  line-height: 1.3;
}

#shippingOrdersPanel .shipping-reinspect-order-specs {
  justify-content: center;
  white-space: normal;
  overflow: hidden;
}

#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-data-table-scroll {
  width: 100%;
}

#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-pending-reinspect-order-table {
  width: 100%;
  min-width: 1500px;
}

#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view [data-shipping-reinspect-column="identity"],
#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-data-identity {
  min-width: 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-pending-reinspect-order-table td.shipping-data-name,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-pending-reinspect-order-table td.shipping-data-identity {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: block !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view [data-shipping-reinspect-column="replenishment"],
#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-data-replenishment-cell,
#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-reinspect-order-replenishment {
  text-align: left !important;
}

#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-data-replenishment-cell {
  padding-left: 0 !important;
}

#shippingOrdersPanel .shipping-reinspect-order-quantity {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

#shippingOrdersPanel .shipping-reinspect-order-remark {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal;
  overflow: hidden;
}

#shippingOrdersPanel #shippingTableView.is-pending-reinspect-order-view .shipping-data-table-title-static {
  cursor: default;
}

/* Shipping table header and typography PR A v20260812 start */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel {
  --shipping-table-body-font-size: 13px;
  --shipping-table-body-line-height: 1.35;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) thead tr {
  position: relative !important;
  border-bottom: 0 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) thead tr::after {
  content: "";
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
  background: rgba(197, 208, 222, 0.62);
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) thead th {
  border-bottom: 0 !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) tbody td,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-data-table-title-static,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-data-table-title,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-data-name-stack > strong,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-data-identity strong,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-data-spec-text,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-reinspect-order-specs,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-replenishment-open.is-table,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-replenishment-open.is-table [data-shipping-replenishment-summary],
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) .shipping-data-table-editable-value,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) [contenteditable],
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) input,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel:not(.is-shipping-combine-mode) .shipping-data-table:not(.is-shipping-combine-table):not(.is-shipping-grid-v6-combine) textarea {
  font-size: var(--shipping-table-body-font-size) !important;
  line-height: var(--shipping-table-body-line-height) !important;
}
/* Shipping table header and typography PR A v20260812 end */

/* Shipping table typography all presentations PR A.1 v20260812 start */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table tbody td {
  font-size: var(--shipping-table-body-font-size) !important;
  line-height: var(--shipping-table-body-line-height) !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel .shipping-data-table tbody td :is(
  span,
  strong,
  em,
  small,
  a,
  button,
  label,
  input,
  textarea,
  select,
  time,
  p,
  div,
  [contenteditable]
) {
  font-size: inherit !important;
  line-height: inherit !important;
}
/* Shipping table typography all presentations PR A.1 v20260812 end */
/* Shipping Catalog Mapping Review Center C2: Standard Desktop only. */
body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingCatalogMappingSection {
  display: grid;
  gap: 16px;
  padding: 20px;
  background: transparent;
}
body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingCatalogMappingSection[hidden] { display: none !important; }
.shipping-catalog-mapping-header,
.shipping-catalog-mapping-toolbar,
.shipping-catalog-mapping-pager,
.shipping-catalog-mapping-drawer > header,
.shipping-catalog-mapping-drawer > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.shipping-catalog-mapping-header h2 { margin: 0 0 4px; font-size: 24px; }
.shipping-catalog-mapping-header p,
.shipping-catalog-mapping-message { margin: 0; color: #667085; }
.shipping-catalog-mapping-toolbar { justify-content: flex-start; flex-wrap: wrap; }
.shipping-catalog-mapping-toolbar > .search-input { flex: 1 1 280px; min-width: 220px; }
.shipping-catalog-mapping-facets { display: flex; align-items: center; gap: 8px; }
.shipping-catalog-mapping-filter { position: relative; }
.shipping-catalog-mapping-filter > summary {
  min-width: 112px; padding: 9px 14px; list-style: none; cursor: pointer; border: 1px solid rgba(148,163,184,.36);
  border-radius: 12px; background: rgba(255,255,255,.72); backdrop-filter: blur(18px); box-shadow: none;
}
.shipping-catalog-mapping-filter > summary::-webkit-details-marker { display: none; }
.shipping-catalog-mapping-filter > div {
  position: absolute; z-index: 12; top: calc(100% + 6px); left: 0; width: max(100%, 180px); max-height: 280px; overflow: auto;
  padding: 6px; border: 1px solid rgba(148,163,184,.28); border-radius: 14px; background: rgba(255,255,255,.94); backdrop-filter: blur(20px);
}
.shipping-catalog-mapping-filter button,
.shipping-catalog-mapping-pager button,
.shipping-catalog-mapping-pager [data-mapping-page-size] { appearance: none; border: 0; border-radius: 10px; background: transparent; color: #111827; min-height: 34px; padding: 7px 10px; box-shadow: none; }
.shipping-catalog-mapping-filter button { display: block; width: 100%; text-align: left; }
.shipping-catalog-mapping-filter button.is-selected,
.shipping-catalog-mapping-pager [data-mapping-page-size].is-selected { background: #111827; color: #fff; }
.shipping-catalog-mapping-pager { justify-content: flex-end; padding: 10px 4px 0; }
.shipping-catalog-mapping-pager > span { margin-right: auto; }
.shipping-catalog-mapping-pager > div { display: flex; gap: 4px; }
.shipping-catalog-mapping-metrics { display: grid; grid-template-columns: repeat(7, minmax(112px, 1fr)); gap: 10px; }
.shipping-catalog-mapping-metric,
.shipping-catalog-mapping-candidate,
.shipping-catalog-mapping-spec-types button {
  appearance: none; border: 1px solid rgba(15, 23, 42, .12); border-radius: 14px; background: rgba(255,255,255,.88);
  color: #111827; box-shadow: none; min-height: 44px;
}
.shipping-catalog-mapping-metric { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; }
.shipping-catalog-mapping-metric.is-active,
.shipping-catalog-mapping-candidate.is-selected,
.shipping-catalog-mapping-spec-types button.is-selected { border-color: #111827; background: #fff; }
.shipping-catalog-mapping-table-wrap { background: #fff; border: 1px solid rgba(15,23,42,.1); border-radius: 18px; overflow: auto; box-shadow: none; }
.shipping-catalog-mapping-table { min-width: 1120px; }
.shipping-catalog-mapping-table td strong,
.shipping-catalog-mapping-table td small { display: block; }
.shipping-catalog-mapping-table td small { margin-top: 4px; color: #667085; }
.shipping-catalog-mapping-product { display: flex; align-items: center; gap: 10px; min-width: 0; }
.shipping-catalog-mapping-product > span { min-width: 0; }
.shipping-catalog-mapping-product .preview-trigger { flex: 0 0 48px; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 10px; overflow: hidden; background: #f1f5f9; box-shadow: none; }
.shipping-catalog-mapping-product img { width: 100%; height: 100%; object-fit: cover; }
.shipping-catalog-mapping-product strong { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shipping-catalog-mapping-status { display: inline-flex; align-items: center; border: 1px solid #d0d5dd; border-radius: 999px; padding: 4px 8px; white-space: nowrap; }
.shipping-catalog-mapping-drawer-backdrop { position: fixed; inset: 0; z-index: 1200; background: rgba(15,23,42,.28); }
.shipping-catalog-mapping-drawer { position: fixed; z-index: 1201; top: 0; right: 0; width: min(620px, 94vw); height: 100vh; overflow: hidden; background: #f8fafc; border-left: 1px solid rgba(15,23,42,.1); box-shadow: none; }
.shipping-catalog-mapping-drawer > header,
.shipping-catalog-mapping-drawer > footer { padding: 16px 20px; background: #fff; border-bottom: 1px solid #e5e7eb; }
.shipping-catalog-mapping-drawer > footer { border-top: 1px solid #e5e7eb; border-bottom: 0; }
.shipping-catalog-mapping-drawer-body { height: calc(100vh - 154px); overflow: auto; padding: 18px 20px; }
.shipping-catalog-mapping-search { padding: 0 20px 16px; background: #f8fafc; }
.shipping-catalog-mapping-search > div:first-of-type { display: flex; gap: 8px; }
.shipping-catalog-mapping-search .search-input { flex: 1; }
.shipping-catalog-mapping-drawer-body section { margin-bottom: 18px; padding: 16px; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; }
.shipping-catalog-mapping-neutral-note { margin: 16px 20px 0; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 12px; color: #475467; background: rgba(255,255,255,.7); }
.shipping-catalog-mapping-candidate-list { max-height: 320px; overflow: auto; }
.shipping-catalog-mapping-candidate { width: 100%; display: flex; justify-content: space-between; padding: 10px 12px; margin-top: 8px; text-align: left; }
.shipping-catalog-mapping-candidate { flex-wrap: wrap; gap: 4px 12px; }
.shipping-catalog-mapping-candidate strong { flex: 1 1 100%; }
.shipping-catalog-mapping-spec-types { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.shipping-catalog-mapping-primary { appearance: none; border: 0; border-radius: 12px; background: #111827; color: #fff; padding: 10px 18px; box-shadow: none; }
.shipping-catalog-mapping-primary:disabled { opacity: .42; cursor: not-allowed; }
body.is-mobile-viewport #shippingCatalogMappingSection,
body.is-tablet-viewport #shippingCatalogMappingSection,
body.is-mobile-viewport #shippingCatalogMappingDrawer,
body.is-tablet-viewport #shippingCatalogMappingDrawer { display: none !important; }

/* Shipping Registration Modal: shared D4 20/12/10 visual contract. */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal {
  --registration-modal-radius: var(--shipping-replenishment-modal-radius);
  --registration-group-radius: var(--shipping-replenishment-group-radius);
  --registration-control-radius: var(--shipping-replenishment-control-radius);
  --registration-control-height: var(--shipping-replenishment-control-height);
  padding: 16px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog {
  position: fixed;
  top: 50vh;
  left: 50vw;
  z-index: 1;
  display: block;
  width: min(660px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: 80vh;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: var(--registration-modal-radius);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, .97);
  color: #172033;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .16);
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > header,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > footer {
  position: sticky;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  background: rgba(255, 255, 255, .97);
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > header {
  top: 0;
  justify-content: space-between;
  padding: 16px 20px 10px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > header h2 { color: #172033; font-size: 18px; line-height: 1.35; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > footer {
  bottom: 0;
  justify-content: flex-end;
  margin-top: 0;
  padding: 12px 20px 18px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > :is(.shipping-replenishment-existing, .shipping-replenishment-drafts, .shipping-replenishment-shop-choice, .shipping-replenishment-readonly, .shipping-replenishment-modal-empty, .shipping-replenishment-modal-message) {
  margin-right: 20px;
  margin-left: 20px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > :is(.shipping-replenishment-existing, .shipping-replenishment-drafts) {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > .shipping-replenishment-drafts { margin-bottom: 10px; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog > .shipping-replenishment-existing > h3 { margin: 0; color: #334155; font-size: 14px; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-item {
  min-width: 0;
  margin: 0;
  padding: 12px 14px;
  border: 0;
  border-radius: var(--registration-group-radius);
  background: rgba(246, 248, 250, .72);
  box-shadow: none;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-item + .shipping-replenishment-existing-item { margin-top: 0; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-item:not(.is-editing) { display: flex; align-items: center; gap: 10px; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-copy { flex: 1 1 auto; min-width: 0; gap: 8px; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-copy :is(strong, small) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(.shipping-replenishment-draft-row, .shipping-replenishment-existing-editor) {
  display: grid;
  min-width: 0;
  grid-template-columns: 72px minmax(0, 1fr) 88px 68px;
  gap: 10px;
  align-items: center;
}

/* [desktop-only] replenishment detail image */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-detail-image-control {
  position: relative;
  width: 72px;
  min-width: 72px;
  height: 72px;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-detail-image-upload {
  display: flex;
  padding: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  overflow: hidden;
  border-style: dashed;
  background: #fff;
  color: #64748b;
  font-weight: 600;
  width: 72px;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  border-radius: 9px;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-detail-image-upload img,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-existing-image img,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-detail-table-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-detail-image-upload small { font-size: 10px; line-height: 1; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-detail-image-remove {
  position: absolute;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-existing-image,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-detail-table-image {
  display: inline-block;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .28);
  background: #fff;
  box-shadow: none;
  border-radius: 9px;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-existing-image { width: 72px; height: 72px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-detail-table-placeholder { color: #94a3b8; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-draft-row {
  margin: 0;
  padding: 12px 14px;
  border: 0;
  border-radius: var(--registration-group-radius);
  background: rgba(246, 248, 250, .72);
  box-shadow: none;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-draft-row > input[type="hidden"] { display: none; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(.shipping-replenishment-draft-second-row-actions, .shipping-replenishment-existing-second-row-actions) {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-second-row-actions { justify-content: flex-end; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-draft-second-row-actions { justify-content: flex-start; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-add-row-grid { display: flex; grid-template-columns: none; gap: 0; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-add-row {
  display: inline-flex;
  flex: 0 0 auto;
  align-self: flex-start;
  width: auto;
  min-width: 0;
  margin: 0;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog input,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog button:not(.shipping-replenishment-detail-image-upload):not(.shipping-replenishment-detail-image-remove):not(.shipping-replenishment-existing-image) {
  min-width: 0;
  height: var(--registration-control-height);
  min-height: var(--registration-control-height);
  max-height: var(--registration-control-height);
  box-sizing: border-box;
  border: 1px solid rgba(100, 116, 139, .22);
  border-radius: var(--registration-control-radius);
  background: #f8fafc;
  color: #334155;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog input { padding: 0 10px; background: rgba(255, 255, 255, .92); color: #172033; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog button {
  appearance: none;
  -webkit-appearance: none;
  padding: 0 12px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-detail-close {
  display: inline-flex;
  flex: 0 0 var(--registration-control-height);
  width: var(--registration-control-height);
  padding: 0;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-detail-close svg { display: block; width: 16px; height: 16px; margin: 0; transform: none; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(input, button):is(:hover, :focus, :focus-visible, :active) {
  border-color: rgba(100, 116, 139, .34);
  background: #f8fafc;
  color: #334155;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(input, button):focus-visible { outline: 2px solid rgba(100, 116, 139, .24); outline-offset: 1px; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog button.is-primary,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog button.is-primary:is(:hover, :focus, :focus-visible, :active) { border-color: #111827; background: #111827; color: #fff; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog button.is-danger,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog button.is-danger:is(:hover, :focus, :focus-visible, :active) { border-color: #b42318; background: transparent; color: #b42318; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog button:disabled { cursor: default; opacity: .55; }

/* [desktop-only] replenishment image size row height */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-detail-image-remove {
  top: 4px;
  right: 4px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  padding: 0;
  border: 1px solid rgba(100, 116, 139, .42);
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  color: #64748b;
  font-size: 12px;
  line-height: 18px;
  box-shadow: none !important;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-detail-image-remove:is(:hover, :active) {
  border-color: rgba(220, 38, 38, .36);
  background: #fef2f2;
  color: #dc2626;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-detail-image-remove:focus-visible {
  outline: 1px solid rgba(220, 38, 38, .52);
  outline-offset: 1px;
  box-shadow: none !important;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(2) {
  width: 88px;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table tbody tr {
  min-height: 112px;
  height: 112px;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table tbody td {
  padding-top: 16px;
  padding-bottom: 16px;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-detail-table-image {
  width: 72px;
  height: 72px;
  border-radius: 9px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(.shipping-replenishment-existing-status, .shipping-replenishment-existing-fulfilled) { border: 0; background: #eef2f7; color: #475569; box-shadow: none; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-status[data-status="ARRIVED"] { background: #e5f7ed; color: #166534; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-status[data-status="NO_REPLENISH"] { background: #eef2f7; color: #526579; }

/* [desktop-only] replenishment specification dropdown typography */
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table { min-width: 1678px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th { font-size: 15px; font-weight: 600; white-space: nowrap; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td { font-size: 16px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(1) { width: 130px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(2) { width: 88px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(3) { width: 135px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(4) { width: 90px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(5) { width: 140px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(6) { width: 90px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(7) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(8) { width: 105px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(9) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(10) { width: 170px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(11) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(12) { width: 260px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(13) { width: 110px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-inline-control, .shipping-replenishment-inline-status) { font-size: 16px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-inline-status { height: 38px; border-radius: 11px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-toolbar input, .shipping-replenishment-toolbar button) { font-size: 16px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-toolbar .shipping-toolbar-select-button > span { font-size: 15px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-scope-tabs button { font-size: 18px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-product strong { font-size: 16px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-product span { font-size: 14px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td:nth-child(13) { font-size: 15px; }

/* [desktop-only] replenishment group header cards */
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table tbody tr.shipping-replenishment-group-row {
  height: 48px;
  min-height: 48px;
  background: rgba(241, 245, 249, .9);
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table tbody tr.shipping-replenishment-group-row > td {
  height: 48px;
  min-height: 48px;
  padding: 8px 18px;
  border-top: 1px solid rgba(148, 163, 184, .28);
  border-bottom: 1px solid rgba(148, 163, 184, .28);
  background: rgba(241, 245, 249, .9);
  text-align: left;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-group-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  white-space: nowrap;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-group-summary > strong {
  overflow: hidden;
  color: #1e293b;
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-group-specification, .shipping-replenishment-group-count, .shipping-replenishment-group-total) {
  color: #475569;
  font-size: 15px;
  font-weight: 500;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-group-count, .shipping-replenishment-group-total) {
  font-weight: 600;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection :is(.shipping-replenishment-inline-message, .shipping-replenishment-page-error) { font-size: 13px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table :is(td:nth-child(7), td:nth-child(9), td:nth-child(11)) { white-space: nowrap; }

html body:not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-inline-status-menu[data-replenishment-inline-status-portal] {
  position: fixed;
  z-index: 1080;
  min-width: 132px;
  max-width: 160px;
  padding: 5px;
  overflow-y: auto;
  border: 1px solid rgba(148,163,184,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
  box-shadow: none;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-inline-status-menu[data-replenishment-inline-status-portal] .shipping-replenishment-inline-status-option {
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #334155;
  font-size: 16px;
  text-align: left;
  box-shadow: none;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-inline-status-menu[data-replenishment-inline-status-portal] .shipping-replenishment-inline-status-option:is(:hover,:focus-visible),
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-inline-status-menu[data-replenishment-inline-status-portal] .shipping-replenishment-inline-status-option.is-active { background: #f1f5f9; outline: none; }

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog { width: min(760px, calc(100vw - 48px)); max-width: calc(100vw - 48px); }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-draft-row { grid-template-columns: 72px minmax(0, 1fr) minmax(130px, .55fr) 88px 68px; gap: 10px; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-editor { grid-template-columns: 72px minmax(0, 1fr) minmax(130px, .55fr) 88px !important; gap: 10px; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog [data-shipping-replenishment-specification],
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog [data-shipping-replenishment-existing-specification] { min-width: 0; font-size: 16px; box-shadow: none !important; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-modal .shipping-replenishment-modal-dialog .shipping-replenishment-existing-specification { font-size: 15px; color: #64748b; }

/* Shipping replenishment registration dialog: shared desktop/PAD/phone layout v1. */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal:not([hidden]) {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10080;
  display: grid;
  place-items: center;
  padding: 16px;
  box-sizing: border-box;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  z-index: 1;
  display: flex !important;
  flex-direction: column;
  width: min(660px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: var(--shipping-replenishment-modal-radius);
  transform: none !important;
  background: rgba(255, 255, 255, .98);
  color: #172033;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .16);
  outline: none;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog > header,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog > footer {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  border: 0;
  background: rgba(255, 255, 255, .98);
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog > header {
  justify-content: space-between;
  padding: 16px 20px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .2);
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog > footer {
  justify-content: flex-end;
  padding: 12px 20px 18px;
  border-top: 1px solid rgba(148, 163, 184, .16);
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 16px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal :is(.shipping-replenishment-existing, .shipping-replenishment-new) {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 12px;
  background: #f8fafc;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-new {
  margin-top: 14px;
  background: #fff;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal :is(.shipping-replenishment-existing, .shipping-replenishment-new) > h3 {
  margin: 0;
  color: #334155;
  font-size: 14px;
  line-height: 1.4;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-drafts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 0;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-draft-row {
  display: grid;
  gap: 10px;
  align-items: stretch;
  margin: 0;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal [data-shipping-replenishment-shortage-type] {
  display: none;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog [type]:not([type="hidden"]):not([data-shipping-replenishment-image-upload]):not([data-shipping-replenishment-image-remove]):not(.shipping-replenishment-existing-image) {
  min-width: 0;
  height: 40px !important;
  min-height: 40px !important;
  max-height: none !important;
  box-sizing: border-box;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-draft-remove {
  width: 100%;
  padding: 0 8px;
  border-color: rgba(185, 28, 28, .28);
  background: transparent;
  color: #b42318 !important;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog .is-danger,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog .is-danger:is(:hover, :focus, :focus-visible, :active) {
  border-color: #b42318;
  background: transparent;
  color: #b42318 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-add-row-grid {
  display: flex;
  margin-top: 2px;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-add-row {
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0 12px;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-message {
  min-height: 20px;
  margin: 10px 0 0 !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-editor {
  grid-template-columns: minmax(0, 1fr) 88px !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-actions {
  grid-column: 1 / -1;
}

/* [desktop-only] replenishment transition editor polish */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog {
  width: min(880px, calc(100vw - 48px));
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-draft-row {
  grid-template-columns: 72px minmax(0, 1fr) 140px 88px 68px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-editor {
  grid-template-columns: 72px minmax(180px, 1fr) 140px 88px auto !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-actions {
  grid-column: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(
  [data-shipping-replenishment-specification],
  [data-shipping-replenishment-existing-specification]
) {
  width: 140px;
  min-width: 120px;
  max-width: 150px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(
  [data-shipping-replenishment-item-name],
  [data-shipping-replenishment-specification],
  [data-shipping-replenishment-required-quantity],
  [data-shipping-replenishment-existing-name],
  [data-shipping-replenishment-existing-specification],
  [data-shipping-replenishment-existing-quantity]
),
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(
  [data-shipping-replenishment-item-name],
  [data-shipping-replenishment-specification],
  [data-shipping-replenishment-required-quantity],
  [data-shipping-replenishment-existing-name],
  [data-shipping-replenishment-existing-specification],
  [data-shipping-replenishment-existing-quantity]
):is(:focus, :focus-visible) {
  border: 1px solid rgba(100, 116, 139, .22);
  background: rgba(255, 255, 255, .92);
  color: #172033;
  outline: none !important;
  box-shadow: none !important;
}

/* [desktop-only] replenishment code name price modal */
/* [desktop-only] replenishment price input spacing */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog {
  width: min(1180px, calc(100vw - 48px));
  max-width: calc(100vw - 48px);
  box-shadow: none;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-body {
  background: #f7f9fb;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal [data-shipping-replenishment-existing-region],
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal [data-shipping-replenishment-new-region] {
  padding: 14px;
  border: 1px solid #dbe3ec;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal [data-shipping-replenishment-existing-region] > h3,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal [data-shipping-replenishment-new-region] > h3 {
  color: #172033;
  font-size: 16px;
  font-weight: 700;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-draft-row {
  grid-template-columns: 72px 140px minmax(210px, 1fr) 120px 120px 88px 68px;
  column-gap: 12px;
  row-gap: 10px;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-editor {
  grid-template-columns: 72px 140px minmax(210px, 1fr) 120px 120px 88px auto !important;
  column-gap: 12px;
  row-gap: 10px;
  align-items: center;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(
  .shipping-replenishment-draft-row,
  .shipping-replenishment-existing-editor
) > * {
  min-width: 0;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog :is(
  [data-shipping-replenishment-specification],
  [data-shipping-replenishment-existing-specification],
  [data-shipping-replenishment-unit-price],
  [data-shipping-replenishment-existing-unit-price]
) {
  width: 120px;
  min-width: 0;
  max-width: 120px;
  box-sizing: border-box;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-second-row-actions {
  grid-column: auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-item:not(.is-editing),
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-copy {
  flex-wrap: nowrap;
  align-items: center;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-copy > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal :is(input, button):focus-visible {
  outline: none;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal :is([data-shipping-replenishment-remove-row], .is-danger),
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingOrdersPanel > .shipping-replenishment-modal :is([data-shipping-replenishment-remove-row], .is-danger):is(:hover, :focus, :focus-visible, :active) {
  border-color: #b42318;
  background: transparent;
  color: #b42318 !important;
}

html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table { min-width: 1960px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(1) { width: 140px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(2) { width: 88px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(3) { width: 220px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(4) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(5) { width: 100px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(6) { width: 110px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-unit-price,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-created-time { font-variant-numeric: tabular-nums; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-created-at { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-created-time { color: #64748b; font-size: 13px; }

/* [desktop-only] replenishment datepicker table polish */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-custom-date-triggers {
  display: inline-flex;
  gap: 8px;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-custom-date-triggers[hidden] { display: none; }
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection [data-replenishment-date-trigger] {
  min-width: 132px;
  height: 38px;
  padding: 0 34px 0 12px;
  border: 1px solid rgba(148, 163, 184, .42);
  border-radius: 11px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") no-repeat right 10px center;
  color: #334155;
  font-size: 14px;
  line-height: 36px;
  box-shadow: none;
  cursor: pointer;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection [data-replenishment-date-trigger]:is(:hover, :focus-visible) {
  border-color: #94a3b8;
  background-color: #f8fafc;
  outline: 1px solid rgba(100, 116, 139, .22);
  outline-offset: 1px;
  box-shadow: none;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-date-portal {
  position: fixed;
  z-index: 1180;
  padding: 15px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 14px;
  background: rgba(255, 255, 255, .98);
  backdrop-filter: blur(18px);
  color: #1e293b;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .1);
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) .shipping-replenishment-date-portal[hidden] { display: none; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-head,
.shipping-replenishment-date-portal footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-head { margin-bottom: 10px; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-head strong { font-size: 16px; font-weight: 650; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-head span,
.shipping-replenishment-date-portal footer span { display: inline-flex; gap: 7px; }
.shipping-replenishment-date-portal button { border: 0; background: transparent; color: inherit; box-shadow: none; cursor: pointer; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-head button { width: 32px; height: 32px; padding: 0; border-radius: 50%; font-size: 23px; line-height: 30px; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-head button:hover { background: #f1f5f9; }
.shipping-replenishment-calendar-weekdays,
.shipping-replenishment-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; }
.shipping-replenishment-calendar-weekdays { margin-bottom: 4px; color: #64748b; font-size: 12px; text-align: center; }
.shipping-replenishment-calendar-weekdays span { line-height: 28px; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day { width: 40px; height: 38px; padding: 0; border-radius: 10px; font-size: 14px; font-variant-numeric: tabular-nums; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day.is-placeholder { display: block; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day:not(.is-placeholder):hover { background: #edf2f7; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day.is-today { outline: 1px solid #94a3b8; outline-offset: -2px; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day.is-in-range { border-radius: 0; background: #e8eef6; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day.is-selected { background: #334e68; color: #fff; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day.is-range-start { border-radius: 10px 0 0 10px; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day.is-range-end { border-radius: 0 10px 10px 0; }
.shipping-replenishment-date-portal .shipping-replenishment-calendar-day:focus-visible { outline: 1px solid #526579; outline-offset: 1px; }
.shipping-replenishment-date-portal footer { margin-top: 12px; padding-top: 11px; border-top: 1px solid #e2e8f0; }
.shipping-replenishment-date-portal footer button { min-height: 34px; padding: 0 11px; border-radius: 9px; color: #526579; }
.shipping-replenishment-date-portal footer button:hover { background: #f1f5f9; }
.shipping-replenishment-date-portal footer button.is-primary { background: #334e68; color: #fff; }

html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table-wrap {
  padding: 0;
  overflow: auto;
  border-radius: 20px;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table {
  width: 1967px;
  min-width: 1967px;
  border-collapse: separate;
  border-spacing: 0;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table thead,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table thead tr,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table thead th {
  background: #e8eef6;
  color: #526579;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table thead th { border-bottom: 1px solid #d7e0ea; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(1) { width: 140px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(2) { width: 88px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(3) { width: 220px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(4) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(5) { width: 100px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(6) { width: 110px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(7) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(8) { width: 105px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(9) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(10) { width: 78px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(11) { width: 120px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(12) { width: 136px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(13) { width: 110px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(14) { width: 220px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table th:nth-child(15) { width: 180px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td:nth-child(10) { padding-right: 5px; padding-left: 5px; text-align: center; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td:nth-child(10) [data-replenishment-inline-field="productionCycleDays"] {
  width: 68px;
  max-width: 68px;
  box-sizing: border-box;
  text-align: center;
  appearance: textfield;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td:nth-child(10) input::-webkit-inner-spin-button,
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td:nth-child(10) input::-webkit-outer-spin-button { margin: 0; appearance: none; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table td:nth-child(12) .shipping-replenishment-inline-control { width: 100%; box-sizing: border-box; text-overflow: ellipsis; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-shop-metadata { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; min-width: 0; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-shop-metadata strong { max-width: 100%; overflow: hidden; color: #334155; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-shop-metadata :is(span, .shipping-replenishment-copy-value) { max-width: 100%; color: #64748b; font-size: 14px; line-height: 20px; white-space: nowrap; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-copy-value {
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  text-overflow: clip;
  cursor: pointer;
}
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-copy-value:hover { color: #334155; text-decoration: underline; text-underline-offset: 2px; }
html body:not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-copy-value:focus-visible { outline: 1px solid #94a3b8; outline-offset: 1px; background: transparent; box-shadow: none; }

/* [desktop-only] replenishment border font polish */
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table-wrap {
  border-left: 1px solid #cbd8e6;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table :is(thead, thead tr, thead th) {
  background: #dfe8f2;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table tbody td,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-table :is(.shipping-replenishment-inline-control, .shipping-replenishment-inline-status) {
  font-size: 17px;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-product strong,
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-shop-metadata strong {
  font-size: 17px;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-created-time {
  font-size: 14px;
}
html body:not(.is-dashboard-login-page):not(.is-mobile-viewport):not(.is-tablet-viewport) #shippingReplenishmentSection .shipping-replenishment-shop-metadata :is(span, .shipping-replenishment-copy-value) {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

@media (max-width: 768px) {
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal:not([hidden]) { padding: 8px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    border-radius: 16px;
  }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog > header { padding: 12px 14px 10px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-dialog > footer { padding: 10px 14px 12px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-modal-body { padding: 12px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal :is(.shipping-replenishment-existing, .shipping-replenishment-new) { padding: 10px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-draft-row {
    grid-template-columns: minmax(0, 1fr) 72px 56px;
    gap: 8px;
  }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-draft-row :is(input, button) { padding-right: 7px; padding-left: 7px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #shippingOrdersPanel > .shipping-replenishment-modal .shipping-replenishment-existing-copy { flex-wrap: wrap; }
}

/* settings material category macOS list start */
html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
  padding: 22px 0 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #1d1d1f;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-hero {
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-hero-copy h3 { color: #1d1d1f; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-hero-copy p { color: #6e6e73; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-layout {
  display: grid;
  grid-template-columns: 194px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav {
  width: 194px;
  min-width: 194px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item {
  position: relative;
  min-height: 46px;
  padding: 7px 12px 7px 15px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #49494d;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item:hover { background: rgba(0, 0, 0, .035); color: #1d1d1f; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item.is-active,
html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item.is-active.settings-titanium-button-primary {
  background: #ececee;
  color: #1d1d1f;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item.is-active::before {
  content: "";
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: #2c2c2e;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item :is(strong, em) { color: inherit; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item em { opacity: .62; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-workspace {
  width: 100%;
  max-width: 1010px;
  min-width: 0;
  padding: 0;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel {
  overflow: visible;
  width: min(800px, 100%) !important;
  max-width: 800px !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-catalog-category-head {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-catalog-category-head h4 {
  margin: 0 0 5px;
  color: #1d1d1f;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.02em;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-catalog-category-head p { margin: 0; color: #6e6e73; font-size: 13px; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-catalog-category-head > .ghost-button {
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: #ececee;
  color: #3a3a3c;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-create {
  display: block !important;
  width: min(488px, 100%);
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  background: transparent;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-create .settings-catalog-create-cell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-create :is(input, button) {
  height: 40px;
  min-height: 40px;
  border-radius: 10px;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-create input { border: 1px solid rgba(60, 60, 67, .18); background: #fff; color: #1d1d1f; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-create button,
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-create button:is(:hover, :focus, :active) {
  border: 1px solid #1d1d1f !important;
  background: #1d1d1f !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 3px;
  align-items: start;
  min-height: 0;
  padding: 12px 10px;
  border: 0;
  border-bottom: 1px solid rgba(60, 60, 67, .12);
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-row:hover { background: rgba(0, 0, 0, .025); }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-row.is-expanded { background: #f3f3f5; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-row:is(.is-muted, .is-disabled) { background: transparent; opacity: .62; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-name { grid-column: 1; grid-row: 1; min-width: 0; color: #1d1d1f; font-size: 14px; font-weight: 600; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-stats { grid-column: 1; grid-row: 2; min-width: 0; display: block; justify-self: start; color: #8e8e93; font-size: 13px; font-weight: 500; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-usage-text strong { color: #636366; font-weight: 650; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-actions {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-actions-trigger {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0 0 6px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #636366;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1px;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-actions-trigger:is(:hover, :focus, :active) { border: 0; background: #e5e5e7; color: #1d1d1f; box-shadow: none; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions {
  grid-column: 1 / -1;
  grid-row: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 9px;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions button {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: #e5e5e7;
  color: #3a3a3c;
  box-shadow: none;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions button:hover { background: #dcdcde; color: #1d1d1f; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions button.is-danger { background: #fff0ef; color: #b42318; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions button.is-danger:hover { background: #ffe5e2; color: #9f2319; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item.settings-section-nav-item-titanium {
  min-height: 46px !important;
  padding: 7px 12px 7px 15px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #49494d !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item.settings-section-nav-item-titanium:hover { background: rgba(0, 0, 0, .035) !important; color: #1d1d1f !important; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item.settings-section-nav-item-titanium.is-active {
  border-color: transparent !important;
  background: #ececee !important;
  color: #1d1d1f !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-shell-material-categories .settings-section-nav-item.settings-section-nav-item-titanium.is-active em { color: #6e6e73 !important; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-row.settings-base-list-row {
  grid-template-columns: minmax(0, 1fr) 44px !important;
  grid-template-rows: auto auto !important;
  gap: 3px 10px !important;
  min-height: 0 !important;
  padding: 12px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(60, 60, 67, .12) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-name { grid-column: 1 !important; grid-row: 1 !important; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-stats { grid-column: 1 !important; grid-row: 2 !important; display: block !important; justify-self: start !important; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-actions { grid-column: 2 !important; grid-row: 1 !important; gap: 0 !important; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-actions-trigger.settings-titanium-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 0 6px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #636366 !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-actions-trigger.settings-titanium-button:hover { background: #e5e5e7 !important; color: #1d1d1f !important; }

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions .settings-titanium-button {
  width: auto !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #e5e5e7 !important;
  color: #3a3a3c !important;
  justify-content: center !important;
  box-shadow: none !important;
}

html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions .settings-titanium-button:hover { background: #dcdcde !important; color: #1d1d1f !important; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-material-category-panel .settings-material-category-inline-actions .settings-titanium-button.is-danger { background: #fff0ef !important; color: #b42318 !important; }
/* settings material category macOS list end */
/* shipping shop toggle final v1 start */
html body:not(.is-dashboard-login-page) .settings-shop-shipping-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 112px;
  white-space: nowrap;
}
html body:not(.is-dashboard-login-page) .settings-shop-shipping-control strong {
  font-size: 12px;
  color: #64748b;
}
html body:not(.is-dashboard-login-page) .settings-shop-shipping-switch {
  position: relative;
  width: 42px;
  height: 24px;
  flex: 0 0 42px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #cbd5e1;
  cursor: pointer;
  transition: background-color .18s ease;
}
html body:not(.is-dashboard-login-page) .settings-shop-shipping-switch > span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .25);
  transition: transform .18s ease;
}
html body:not(.is-dashboard-login-page) .settings-shop-shipping-switch.is-enabled { background: #2563eb; }
html body:not(.is-dashboard-login-page) .settings-shop-shipping-switch.is-enabled > span { transform: translateX(18px); }
html body:not(.is-dashboard-login-page) .settings-shop-shipping-switch:disabled { cursor: not-allowed; opacity: .58; }
html body:not(.is-dashboard-login-page) .settings-shop-shipping-switch.is-loading > span { animation: settings-shipping-toggle-pulse .8s ease-in-out infinite alternate; }
@keyframes settings-shipping-toggle-pulse { to { opacity: .45; } }
html body:not(.is-dashboard-login-page) .settings-shop-shipping-na { color: #94a3b8; font-size: 12px; }
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-backdrop {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(8px);
}
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-dialog {
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(15, 23, 42, .24);
}
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-dialog h3 { margin: 0 0 12px; font-size: 20px; color: #0f172a; }
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-dialog p { margin: 0 0 18px; color: #475569; line-height: 1.7; }
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-dialog label { display: grid; gap: 8px; color: #334155; font-size: 13px; }
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-dialog input { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #cbd5e1; border-radius: 10px; }
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-error,
html body:not(.is-dashboard-login-page) .settings-shipping-toggle-inline-error { margin-top: 12px; color: #b91c1c; font-size: 13px; }
html body:not(.is-dashboard-login-page) #settingsSection,
html body:not(.is-dashboard-login-page) #settingsSection .settings-shell,
html body:not(.is-dashboard-login-page) #settingsSection .settings-workspace { min-width: 0; max-width: 100%; }
html body:not(.is-dashboard-login-page) #settingsSection .settings-shop-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
@media (max-width: 768px) {
  html body:not(.is-dashboard-login-page) .settings-shipping-toggle-backdrop { align-items: end; padding: 12px; }
  html body:not(.is-dashboard-login-page) .settings-shipping-toggle-dialog { width: 100%; border-radius: 20px 20px 14px 14px; }
}
/* shipping shop toggle final v1 end */
/* shipping fulfillment table layout v1 canonical grid */
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table[data-shipping-column-profile="fulfillment"] {
  width: var(--shipping-grid-total-width, 1646px) !important;
  min-width: var(--shipping-grid-total-width, 1646px) !important;
  max-width: none !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table[data-shipping-column-profile="fulfillment"] > thead > tr,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table[data-shipping-column-profile="fulfillment"] > tbody > tr:not(.shipping-data-placeholder-row),
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table[data-shipping-column-profile="fulfillment"] > tfoot > tr {
  display: grid !important;
  grid-template-columns: var(--shipping-grid-template, var(--shipping-grid-fallback-template)) !important;
  width: var(--shipping-grid-total-width, 1646px) !important;
  min-width: var(--shipping-grid-total-width, 1646px) !important;
}

html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table[data-shipping-column-profile="fulfillment"] > thead > tr > th,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table[data-shipping-column-profile="fulfillment"] > tbody > tr > td,
html body:not(.is-dashboard-login-page) #shippingOrdersPanel #shippingTableView .shipping-data-table[data-shipping-column-profile="fulfillment"] > tfoot > tr > td {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}